EasyUI的datagrid中标签需要点两次才能触发事件的处理方法

时间:2022-12-11 18:50:55

今天用EasyUI遍历了datagrid,在datagrid中加入了<a>标签用来做对当行修改操作,

EasyUI的datagrid中标签需要点两次才能触发事件的处理方法

通过上段代码可以看出,表格中遍历了A标签,然后用下面方法获取选中的当前行的值

var selectValue = $('#tbGrid').datagrid("getSelected");
//.channelNo;
if(selectValue){
alert(selectValue.channelNo);
}

但是当我点击修改链接的时候,第一下没反应,第二下才会执行事件,查了原因,发现是因为初始化的datagrid是多选的,你获取选中行的时候会

先执行选中的事件,然后再点击才会执行点击事件,解决办法是先给这个属性设置为true,不允许多选,singleSelect:true,然后再数据加载成功后

onLoadSuccess:function(data)

{
   $('#tbGrid').datagrid("selectRow", 0); //这个方法默认选中第一行
}

因此解决了问题,如果还有同学有更好的办法,麻烦在下面留言,我只能想到这个了,确实对属性没全部搞明白。