2

ExtJs 4 带有复选框的组合框

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

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

谢谢，阿里阿巴斯

4

1 回答 1

2

我终于解决了上面提到的问题。回答以防万一其他人有同样的问题。实际上我使用了错误的占位符。只需在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;

}

或者
更合适的方法是，而不是添加 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'
                        ]

让我知道是否有其他人有同样的问题并且无法解决。:)

于 2013-07-25T08:15:49.827 回答