Print Page - checkbox in Multiple Select of combobox

Set 'multiple' property to true and the user can select multiple items from combobox. If you really want to add checkbox to every item, please use 'formatter' function to customize the item. Here is the simple implementation to display item checkbox.

Code:

$('#cc').combobox({
  formatter:function(row){
    var opts = $(this).combobox('options');
    return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]
  },
  onLoadSuccess:function(){
    var opts = $(this).combobox('options');
    var target = this;
    var values = $(target).combobox('getValues');
    $.map(values, function(value){
      var el = opts.finder.getEl(target, value);
      el.find('input.combobox-checkbox')._propAttr('checked', true);
    })
  },
  onSelect:function(row){
    console.log(row)
    var opts = $(this).combobox('options');
    var el = opts.finder.getEl(this, row[opts.valueField]);
    el.find('input.combobox-checkbox')._propAttr('checked', true);
  },
  onUnselect:function(row){
    var opts = $(this).combobox('options');
    var el = opts.finder.getEl(this, row[opts.valueField]);
    el.find('input.combobox-checkbox')._propAttr('checked', false);
  }
})

Hi,

I could not get the onSelect to work. Error on this line :

var el = opts.finder.getEl(this, row[opts.valueField]);

Uncaught TypeError: Cannot read property 'getEl' of undefined. I tried to console.log(opts) but it seems there's no object finder.

Thanks

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: varonica on July 25, 2014, 02:16:25 AM