寻找一个像默认 html 选择一样工作的 Dijit 小部件答案

【问题标题】：Looking for a Dijit Widget which works like a default html select寻找一个像默认 html 选择一样工作的 Dijit 小部件
【发布时间】：2009-07-24 14:20:11
【问题描述】：

我正在寻找一个类似于普通 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 小部件：组合按钮、组合框、过滤选择、下拉按钮。

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

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

【问题讨论】：

标签： javascript dojo

【解决方案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.

【讨论】：

我试过了，它还有一个可编辑的编辑。也许我错了 - 我会在星期一再试一次。
“可编辑的编辑”是什么意思？你是说文本输入吗？
下拉按钮前面是一个编辑框。我不希望有人可以在那里输入文本。 “选择”必须以默认的 Windows 方式工作，无需任何扩展，如过滤或通过键入选择。
啊，明白了。那么为什么不使用普通的香草选择呢。似乎您不需要为此使用 dijit。
我使用 dijit 是因为我们的网页设计师可以将他自己的设计放在上面。在纯 html 上他不能。输入很大程度上取决于浏览器和操作系统。

【解决方案2】：

我是新手，所以还不能离开 cmets，但 seth 提到 dijit.form.DropDownSelect 在主干中 - 我相信这是 1.4； 1.3 在 dojox 中有 dojox.form.DropDownSelect

【讨论】：

@Bernd - 谢谢，但我特别指出在 1.3 中它是在 dojox 中，而不是 dijit。

【解决方案3】：

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

它看起来好像替换了 seth 提到的 dijit.form.DropDownSelect。

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

【讨论】：