Options not present on Filtering Select

The filteringSelect is created programatically with the options, in the output only the FilteringSelect rendered but that does not have any options. Following is the entire code:

<head>
<title>Test Page</title>
<style type="text/css">
@import "dojo-all/dojo/resources/dojo.css";
@import "dojo-all/dijit/themes/tundra/tundra.css";
@import "dojo-all/dojox/grid/_grid/tundraGrid.css";
</style>
<script type="text/javascript" src="dojo-all/dojo/dojo.js" djconfig="isDebug: false, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.Button");
dojo.require("dojo.parser");
dojo.addOnLoad(function()
{
   console.debug('test thiru');
   var c = dojo.byId('cont');
   var selFil = new dijit.form.FilteringSelect({'id':'selFil',
                  'name':'sf',
                  'options':[
                  {'value':'1','name':'1'},
                     {'value':'2','name':'2'}
                     ]
                     }, c);

});
</script>
</head>
<body class="tundra">
test thiru
<div id='cont'></div>
<button id='but' dojoType='dijit.form.Button'>Test</button>
</body>

Can anyone point out where i'm making mistake.

Thanks in advance

Thiru

Search

Options not present on Filtering Select