我正在尝试使用以下代码在Zend中使用dojo comboBox:
$url = '/db/autocomplete/table/suburbs';
$element = new Zend_Dojo_Form_Element_ComboBox('suburb1');
$element->setStoreId('suburbsStore');
$element->setStoreType('dojo.data.ItemFileReadStore');
$element->setStoreParams(array('url' => $url));
$element->setDijitParam('searchAttr', 'name');
输出就是这个javascript(我已经重新格式化了一下):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.2.0/dojo/dojo.xd.js"></script>
<script type="text/javascript">//<![CDATA[
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dijit.form.ComboBox");
dojo.require("dojo.parser");
dojo.addOnLoad(function() {
dojo.forEach(zendDijits, function(info) {
var n = dojo.byId(info.id);
if (null != n) {
dojo.attr(n, dojo.mixin({ id: info.id }, info.params));
}
});
dojo.parser.parse();
});
var suburbsStore = new dojo.data.ItemFileReadStore({"url":"\/db\/autocomplete\/table\/suburbs"});
var zendDijits = [
{"id":"suburb1","params":{
"store":"suburbsStore",
"searchAttr":"name",
"dojoType":"dijit.form.ComboBox"}
},
{"id":"suburb2","params":{
"store":"suburbsStore",
"searchAttr":"name",
"dojoType":"dijit.form.ComboBox"}
}
];
//]]></script>
和这个HTML(删除了无关的东西):
<input options="" id="suburb1" name="suburb1" value="" type="text" />
<input options="" id="suburb2" name="suburb2" value="" type="text" />
<input type="submit" />
我在var suburbsStore = new dojo.data.ItemFileReadStore(...)
行上的错误 dojo.data未定义。当然,这个电话是在dojo.require("dojo.data.ItemFileReadStore");
之后,所以应该没问题?!但显然我错过了一些东西。
谢谢!
答案 0 :(得分:2)
当您使用跨域dojo(在您的情况下为Google CDN)时,dojo.require异步工作,所以我认为问题在于您尝试在实际可用之前创建ItemFileReadStore的实例。您应该将代码(var suburbsStore = new dojo.data.ItemFileReadStore ...)移动到dojo.addOnLoad处理程序中,因为当所有模块都可用时,它会被保证被触发。您可以阅读普通和xdomain加载器here之间的差异。