Sencha Architect 2 - Extjs 4.2.1 带复选框的组合框答案

【问题标题】：Sencha Architect 2 - Extjs 4.2.1 combobox with checkboxSencha Architect 2 - Extjs 4.2.1 带复选框的组合框
【发布时间】：2013-07-24 12:20:21
【问题描述】：

ExtJs 4 combobox with checkboxes

我实际上尝试过，但不适合我。请帮忙。

我正在使用 sencha 架构师添加了一个组合框，然后在配置面板中添加了“流程配置”以实现上述链接中提到的内容。

 me.processMyComboBox({
                        xtype: 'combobox',
                        labelAlign: 'top',
                        value: [
                            'Friends',
                            'Trusted'
                        ],
                        forceSelection: true,
                        multiSelect: true,
                        store: [
                            'Friends',
                            'Family',
                            'Following',
                            'Trusted',
                            'Office'
                        ]
                    })

processMyComboBox: function(config) {        
    config.listConfig = {
        getInnerTpl : function() {
            return '<div class="x-combo-list-item"><img src="" class="chkCombo-default-icon chkCombo" /> {fieldName} </div>';
        }    
    };        
    return config;
}

应用上述配置后，组合框变为空白。

我试图发布屏幕截图，但由于我没有 10 声望，所以我不能。

谢谢，阿里·阿巴斯

【问题讨论】：

标签： checkbox combobox sencha-architect extjs4.2

【解决方案1】：

我终于解决了上述问题。回答以防万一其他人有同样的问题。实际上我使用了错误的占位符。只需在 getInnerTpl 函数中添加 displayField 参数即可。

processMyComboBox: function(config) {        
config.listConfig = {
    getInnerTpl : function() {
        return '<div class="x-combo-list-item"><img src="" class="chkCombo-default-icon chkCombo" /> {fieldName} </div>';
    }    
};        
return config;

}

OR
更合适的方法是，而不是添加 processMyComboBox 函数，只需添加 listConfig 属性，如下所示

xtype: 'combobox',
                        listConfig: {
                            getInnerTpl: function(displayField) {
                                return '<div class="x-combo-list-item"><img src="" class="chkCombo-default-icon chkCombo" /> {'+ displayField +'}</div>';
                            }
                        },
                        labelAlign: 'top',
                        value: [
                            'Friends',
                            'Trusted'
                        ],
                        displayField: 'name',
                        forceSelection: true,
                        multiSelect: true,
                        store: [
                            'Friends',
                            'Family',
                            'Following',
                            'Trusted',
                            'Office'
                        ]

如果其他人有同样的问题并且无法解决，请告诉我。 :)

【讨论】：