使用异步数据更新Dojo Dijit FilteringSelect的商店

Question

我在Intranet上下文中使用Zend + Dojo表单。 当表单上的选定状态更改时，我们需要更新县列表。 使用HTML，您只需解析json响应（或仅提供选项的html片段）并更新select的innerhtml。 但是，事实证明，在Dojo中这样做非常复杂。

简而言之，我定义了一个通用方法，该方法允许您将onBlur更新设置为表单字段。 这链接到Controller动作，该动作使用函数参数调用数据库，并获取单例响应（我们已经处理好了）或列表响应。 如果返回列表，则需要更改带有该列表的select中的选项。

到目前为止，所有这些工作都很好。 我们得到一个有效的json响应，并在response.data中列出了一个不错的列表。 这就是问题所在。 如何简单地更新现有商店（检查发现它是_comboBoxDataStore）？ 我无法使用其他类型的商店来声明选择，因为它是自动生成的。

有没有办法强行换购商店？ 主要的关键是我所做的一切都必须在Internet Explorer中起作用。 我使用Firefox只是为了更好地了解正在使用的对象。

作为附带的问题，有人知道为什么_comboBoxDataStore无法更新吗？ 其他框架允许对商店进行相当无缝的更新，例如extJS。 在组合框中设计一个限制以使其无法更新，这比原始HTML少了些什么？ 还是我错过了不涉及杂耍深奥对象的明显解决方案？

Answer 1

基于RiverC的帖子，我的更新组合的方法可以正常运行，如下所示：

, updateData : function(data) {
    var storeData = {data: data, id:'attrFilterStore'};
    var newStore = new dojo.data.ItemFileWriteStore({data: data});
    this.element.store = newStore;
    this.element.startup();
}

其中“ this.element ”是对FilteringSelect对象的引用。
方法“ updateData ”是来自ajax请求的回调函数，该请求接收具有RiverC发布结构的JSON。

Answer 2

您甚至可以使用选项。

var fldSelect = dijit.byId("fieldSelect");
fldSelect.options = fldoptions;
fldSelect.startup();

fldoptions是需要填充的新数据。 请记住：不要忘记调用fldSelect.startup() ，否则数据将不会更新。

Answer 3

碰巧的是，这是有可能的，尽管我所见过的任何教程都没有显示出实际上是多么容易。

确保这是某处：

dojo.require("dojo.data.ItemFileWriteStore");

然后，无论您的filterSelect如何出现，您都可以执行以下操作：

newStore = new dojo.data.ItemFileWriteStore({
    data:{
         identifier: 'id',
         label: 'name',
         items: response.data
    }
});

filteringSelect.store = newStore;
filteringSelect.startup();

Answer 4

如果可以控制_comboBoxDataStore的创建，则可以在该商店上将clearOnClose设置为true。 然后，您可以关闭该存储并将url或data属性设置为新数据（请注意，仅dojo 1.4及更高版本支持在clearOnClose之后使用data属性）。 这将使用新数据自动更新select / combobx小部件

有关示例，请参阅： http : //soularis999.blogspot.com/2011/03/reloading-dojodataitemfilereadstore.html

如果您无法设置clearOnClose（由于Zend框架拥有它，而没有选择修改该行为的选项），则可以创建一个新的数据存储并将组合框的数据存储设置为新创建的数据存储。 dijitfilteringselect和combobox提供了可以修改的存储属性。

作为一种完全不同的方法，您可能希望针对此类用例使用dojo过滤小部件的“ query”属性-它们非常有用，可减少所需的代码和管理量。

请参阅下面的URL，以获取有关如何通过修改filterselect的查询过滤器来基于国家/地区选择来更改状态的示例。http://livedocs.dojotoolkit.org/dijit/form/FilteringSelect

另外，从您的用例描述中，听起来好像dijit filterSelect可能是一个比组合框更好的窗口小部件选择（由于它是县列表，您是否希望用户能够输入列表中不存在的任何县）？