在extjs中的多选组合框中选择的值

时间:2018-05-15 04:46:20

标签: javascript checkbox extjs combobox multi-select

在我的代码中:

multiSelect: true,
tpl: new Ext.XTemplate('<tpl for=".">', '<div class="x-boundlist-item">', '<input type="checkbox" />', '{errorCode}', " ", '{errorDesc}', '</div>', '</tpl>'),

listeners: {
   select: function(combo, records) {
     var node;
     debugger;
     Ext.each(records, function(rec) {
       node = combo.getPicker().getNode(rec);
       Ext.get(node).down('input').dom.checked = true;
     });
   },
   beforedeselect: function(combo, rec) {
     var node = combo.getPicker().getNode(rec);
     Ext.get(node).down('input').dom.checked = false;
   },

我有一个多选combobox旁边有一个复选框用于检查,它适用于选择和取消选择,但是当组合展开时,它不会在第一次显示选中的项目后再选择或取消选择它会工作!但我需要在用户打开组合时检查所选项目!

感谢。

1 个答案:

答案 0 :(得分:0)

我添加了一个扩展侦听器,我的问题解决了:

 expand: function(combo) {
     var node;
     Ext.each(combo.pickerSelectionModel.selected.items, function(rec) {
         node = combo.getPicker().getNode(rec);
         Ext.get(node).down('input').dom.checked = true;
     });
 }