寻找一个像默认html选择一样工作的Dijit Widget

时间:2009-07-24 14:20:11

标签: javascript dojo

我正在寻找一个像普通的html选择(组合框)一样工作的dijit小部件。 到目前为止我发现的所有dijit小部件都有一个可编辑的文本框。 我更喜欢只有一个下拉框,没有可编辑的文本框。

<select name="aCombobox">
    <option value="1" selected="selected">Hund</option>
    <option value="2">Katze</option>
    <option value="3">Maus</option>
    <option value="4">Waldelfe</option>
</select>    

对我来说同样重要的是,高级代码正在使用小部件,小部件必须使用“值”值而不是显示文本。

我检查了这个dijit小部件:combobutton,combobox,filteringselect,dropdownbutton。

也许有一个我忘记设置的属性。

是否有符合我要求的小部件?

3 个答案:

答案 0 :(得分:1)

我认为你需要使用dijit.form.FilteringSelect:

 <select name="aCombobox" dojotype="dijit.form.FilteringSelect">
     <option value="1" selected="selected">Hund</option>
     <option value="2">Katze</option>
     <option value="3">Maus</option>
     <option value="4">Waldelfe</option>
     <script type="dojo/connect" event="onChange">
       console.log( 'picked ' + this.attr('value') + 
                    ' = ' + this.attr('displayedValue') );
     </script>
 </select>

希望这有帮助。

如果您有冒险精神,可以试试dijit.form.DropDownSelect。它刚刚在7/21添加到主干。 Here's the test.

答案 1 :(得分:0)

我很新,所以不能留下评论,但是seth提到dijit.form.DropDownSelect在行李箱中 - 这是1.4我相信; 1.3在dojox中有dojox.form.DropDownSelect

答案 2 :(得分:0)

您需要

dijit.form.Select 。它是在最新的版本中,将在1.4。您目前可以将其作为开发版本的一部分下载。 test page有很多演示。

看起来好像这会替换上面提到的dijit.form.DropDownSelect。

我们在6个月前遇到了同样的问题。我们最终使用了FilteringSelects,这很丑陋。很高兴看到Dojo人终于做出了正确的选择列表。