码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数

时间:2017-01-16 09:48:51      阅读:671      评论:0      收藏:0      [点我收藏+]

标签:个人   onclick   val   常用   ret   size   调用   tag   form   

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不是太多,更多的时候是帮别人解决问题的时候遇到测试的,
以上观点只为个人观点,非最优解决方案,欢迎大神给出更优解决方案,多多交流才有进步;
有新问题请留言,大家一起探讨一起进步;

easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数

标签:个人   onclick   val   常用   ret   size   调用   tag   form   

原文地址:http://www.cnblogs.com/yswb/p/6288517.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!