Extjs多列组合框

时间:2016-02-22 09:57:39

标签: javascript extjs

如何在Extjs中创建多列组合框 组合框数据如

第1列(名字) - 第2列(中间名) - 第3列(姓氏)==组合选择中的第一个数据组合框行,所有其他行看起来像这样

-

第1栏 - 第2栏 - 第3栏== N没有数据

我有3个字段的名字,中间名和姓氏 想要在组合框中显示所有直接来自JSON或Combobox存储加载数据的格式

1 个答案:

答案 0 :(得分:2)

使用combobox的listConfig选项

xtype:'combobox',
height: 43,
width: 449,
store: 'searchedStore',
listConfig: {
    loadingText: 'Loading...',
    emptyText: 'No Results.',
    // Custom rendering template for each item
    getInnerTpl: function() {
        return '<table width="100%">'+
             '<tr>'+
                        '<td style="vertical-align:top;width:100%">'+
                        '<div><span style="font-weight:bold;">{name} {middlename} </span><span style="float:right;color:blue">{lastname}</span></div>'+
               '</td>'+
             '</tr>'+
            '</table>';
    }
},