easyui onselect多选_easyui 中combogrid 实现多选，反选效果

实现上述组件的多选和反选效果

1.html 代码

全选

反选

2.js代码

// 渠道来源

$(‘#roadClass‘).combogrid({

multiple: true, //设置允许多选

panelWidth:150,

panelHeight:300,

idField:‘id‘,

textField:‘text‘,

data:road,//调用json数据

toolbar:‘#Toolbutton‘,

showHeader:false,  //隐藏标头

checkOnSelect:true,

columns:[[

{

field: ‘id‘,

title: ‘Toolbutton‘,

align:‘center‘,

checkbox:true

},{

field: ‘text‘,

title: ‘选择‘,

width:120

}

]]

});

$(‘#roadClass‘).next(‘span‘).eq(0).children(‘input‘).attr(‘placeholder‘,‘所有‘);

var flag=false; //设置全选的开关

$(‘#allChoose‘).click(function(){

$(this).toggleClass(‘fontRed fb pointer