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'