easyui中使用比较多的就是datagrid了,表格中添加连接,点击跳转,为比较常用的方式;往往在点及标签后调用getSeleted方法会失效;
一.初始代码:
{field:
'id'
,title :
'操作'
,align:
'center'
,width:
'10%'
,
formatter:
function
(value,row){
return
"<a onclick='show()' > 查看 </a>"
;
}
},
function
show(){
var
select = $(
'#targetTable'
).datagrid(
"getSelected"
);
var
selects = $(
'#targetTable'
).datagrid(
"getSelections"
);
/*获取不到正在点击的行*/
}
二.起因分析:
easyui中只有在触发选中行之后调用,getSeleted 和 getSelections 才能取到对应的结果值;先触发a标签方法,还是先触发选择行,
测试代码如下:
{field:
'id'
,title :
'操作'
,align:
'center'
,width:
'10%'
,
formatter:
function
(value,row){
return
"<a onclick='show()' > 查看 </a>"
;
}
},
onClickRow :
function
(index,data){
alert(
'clickRow'
);
}
function
show(){
alert(
"clickA"
);
}
点击页面按钮后你会发现先调用的show方法,后触发的onClickRow事件,
所以在show方法中想要获取选中的行是不可行的方式;
三.解决方式:
在调用的时候进行值得传递;
在进行a标签拼接的过程中在对应的方法中传入参数;
四.解决代码如下:
{field:
'id'
,title :
'操作'
,align:
'center'
,width:
'10%'
,
formatter:
function
(value,row){
return
"<a onclick=\"show('"
+row.id+
"')\" > 查看 </a>"
;
}
},
function
show(id){
alert(id);
}
五.备注:
因使用easyui不是太多,更多的时候是帮别人解决问题的时候遇到测试的,
以上观点只为个人观点,非最优解决方案,欢迎大神给出更优解决方案,多多交流才有进步;
有新问题请留言,大家一起探讨一起进步;