checkbox - Sencha Architect 2 - Extjs 4.2.1 带有复选框的组合框

Question

ExtJs 4 combobox with checkboxes

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

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

 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 声望，所以我不能。

谢谢， 阿里·阿巴斯

Answer 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'
                        ]

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