我正在尝试使用以下代码在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(&quot; dojo.data.ItemFileReadStore&quot;); 之后,所以应该没问题?!但显然我错过了一些东西。

谢谢!

有帮助吗?

解决方案

当您使用跨域dojo(在您的情况下为Google CDN)时,dojo.require异步工作,所以我认为问题在于您尝试在实际可用之前创建ItemFileReadStore的实例。您应该将代码(var suburbsStore = new dojo.data.ItemFileReadStore ...)移动到dojo.addOnLoad处理程序中,因为当所有模块都可用时,它会被保证被触发。您可以在此处了解普通和xdomain加载程序之间的差异。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top