带有远程 ajax 存储的自动完成组合框 extjs答案

【问题标题】：autocomplete combobox extjs with remote ajax store带有远程 ajax 存储的自动完成组合框 extjs
【发布时间】：2013-04-24 10:48:38
【问题描述】：

我想在我的应用中添加一个带有远程商店的组合框。我有一个商店，它调用一个以 json 格式返回数据的 php 脚本，并将它与我的组合框链接起来。商店是自动加载的，但我的组合框仍然是空的。这是我的商店

// Define autocomplete model
Ext.define('modelloAC', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'telaio' }
    ]
});
// store auto complete
var autoCompleteStore = Ext.create('Ext.data.Store', {
    model: modelloAC,
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: 'script/request.php?operazione=gettelai',
        reader: {
            type: 'json',
            root: 'telai',
            totalProperty: 'results'
        }
    }
});

我的 PHP 返回一个 JSON 数组：

{"results":207,"telai":[{"telaio":"ZAR93200001271042"},{"telaio":"ZLA84000001738127"},{"telaio":"VF3WC9HXC33751301"},{"telaio":"W0L0AHL3555247737"}]}

我的组合框：

    xtype: 'combo',
    name: 'telaio',
   //hideTrigger: true,
   store: autoCompleteStore,
   typeAhead: true,
   queryMode: 'remote',
   fieldLabel: 'Telaio'

我的商店加载完美，但我的组合框是空的，问题出在哪里？

【问题讨论】：

您应该将 displayField: 'telaio', 添加到您的组合框配置中

标签： ajax extjs autocomplete combobox

【解决方案1】：

需要在combo config中添加displayField和valueField：

...
displayField: 'telaio',
valueField: 'telaio',
...

您商店中的模型现在也未定义。写成字符串：

...
model: 'modelloAC',
...

【讨论】：