extjs4 - Extjs4 boxselect 的 displayfield 问题

Question

我在 extjs4 工作。我有带有商店的组合框。

var store=Ext.create('ListStore',{
            model: 'ListModel',
            autoLoad:false,
            pageSize: 0
        });

我已将此商店绑定到 boxselectas=

xtype: 'boxselect',
                    height: 30,
                    store:store,
                    allowBlank: false,
                    displayField: 'name',

我的模型字段为=

{name: 'projectNumber', type: 'int'},
         {name: 'name', type: 'string'},

我想将组合框文本显示为 =“name -”。那么如何根据需要在boxselect中添加displayfield呢？

Answer 1

我不知道是什么xtype: 'boxselect'，但xtype: 'combo'你可以使用该tpl属性：

    xtype: 'boxselect',
    height: 30,
    store:store,
    allowBlank: false,
    displayField: 'name',
    //...
    tpl: new Ext.XTemplate('<tpl for="."><div class="x-boundlist-item" >{name} -  {projectNumber}</div></tpl>'),
    displayTpl: new Ext.XTemplate('<tpl for=".">{name} -  {projectNumber}</tpl>')

这是 jsFiddle 中的一个示例：http: //jsfiddle.net/laurenzonneveld/pgYMZ/2/