Question

我在extjs4工作。我有连接商店的comboBox。

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 - ”。那么如何根据需要将displayfield添加到boxselect呢？

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/

Extjs4 boxselect的displayfield问题

1 个答案: