this.table.on('dblclick','tr',function(e){
var $checkbox = $(e.currentTarget).find('.checkchild')
if($checkbox.length==0){
return
} //前四行是双击表头的时候不触发修改功能
let checked= $(self.table.table().node()).find('.checkchild')
for(let i=0;i<checked.length;i++){
checked[i].checked=false
} //5-8行是把页面已经选择好的复选框取消
self.rowClick(e); //设置单击事件,勾选所在双击行的复选框
self.updateAction() //触发所需的事件
});
//rowClick方法是设置点击事件后让复选框里的对勾勾上或者消失,并且记录所在表格的行,方便对某一行的数据进行操作
rowClick:function(event){
var $checkbox = $(event.currentTarget).find('.checkchild');
var ischecked = $checkbox.is(':checked');
$checkbox.prop('checked',!ischecked);
if(ischecked){
$(this.table.table().node()).find('.checkall').prop("checked",false);
}
},
因为项目优化双击弹出修改框的需求,我特意做了双击事件并且优化,绑定单击事件只需要把'dblclick'改为'click'