javascript - 如何预选 Dijit.form.FilteringSelect 中的第一个元素？

Question

我有 Dijit.form.FilteringSelect，它从下拉列表的 Web 服务内容动态加载。

我想预选第一个元素。我该怎么做？

Answer 1

这取决于您的实现。

如果您首先加载数据，然后创建 dojo/store/Memory 来为 dijit/form/FilteringSelect 提供数据，那么:

// sync only for dojo/store/Memory
var store = filteringSelect1.store;
filteringSelect1.set("value", store.getIdentity(store.data[0]));

更健壮的同步或异步方式是查询商店:

when(store.query(function(item, index, items) {
    return index == 0;
}), function(results) {
    filteringSelect2.set("value", store.getIdentity(results[0]));
});

请参阅 jsFiddle 中的这两个示例:http://jsfiddle.net/phusick/DaA3a/

如果您的 filteringSelect 由 dojo/store/JsonRest 支持，那么您的 REST 服务必须支持通过 index 进行查询(除了查询通过 id):

restStore.query({ index: 0 }).then(function(item) {
    filteringSelect1.set("value", restStore.getIdentity(item));  
});

在 jsFiddle: fakeServer 查看更复杂的示例(通过 sinon.js http://jsfiddle.net/phusick/pGt5n/ 模拟这样的 REST 服务)