Sencha架构师2- Extjs 4.2.1带有复选框的组合框

Question

ExtJs 4 combobox with checkboxes

其实我试过了但不是为我工作。帮帮忙吧。

我使用sencha architect添加了一个组合框，然后在configpanel中添加了"Process“，以实现上述链接中提到的内容。

 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

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

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;

}

或

更合适的方法是，与其添加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'
                        ]

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