EasyUI的datagrid中<a>标签需要点两次才能触发事件的处理方法
2014-04-29 20:27
609 查看
今天用EasyUI遍历了datagrid,在datagrid中加入了<a>标签用来做对当行修改操作,
通过上段代码可以看出,表格中遍历了A标签,然后用下面方法获取选中的当前行的值
var selectValue = $('#tbGrid').datagrid("getSelected");
//.channelNo;
if(selectValue){
alert(selectValue.channelNo);
}
但是当我点击修改链接的时候,第一下没反应,第二下才会执行事件,查了原因,发现是因为初始化的datagrid是多选的,你获取选中行的时候会
先执行选中的事件,然后再点击才会执行点击事件,解决办法是先给这个属性设置为true,不允许多选,singleSelect:true,然后再数据加载成功后
onLoadSuccess:function(data)
{
$('#tbGrid').datagrid("selectRow", 0);
//这个方法默认选中第一行
}
因此解决了问题,如果还有同学有更好的办法,麻烦在下面留言,我只能想到这个了,确实对属性没全部搞明白。
通过上段代码可以看出,表格中遍历了A标签,然后用下面方法获取选中的当前行的值
var selectValue = $('#tbGrid').datagrid("getSelected");
//.channelNo;
if(selectValue){
alert(selectValue.channelNo);
}
但是当我点击修改链接的时候,第一下没反应,第二下才会执行事件,查了原因,发现是因为初始化的datagrid是多选的,你获取选中行的时候会
先执行选中的事件,然后再点击才会执行点击事件,解决办法是先给这个属性设置为true,不允许多选,singleSelect:true,然后再数据加载成功后
onLoadSuccess:function(data)
{
$('#tbGrid').datagrid("selectRow", 0);
//这个方法默认选中第一行
}
因此解决了问题,如果还有同学有更好的办法,麻烦在下面留言,我只能想到这个了,确实对属性没全部搞明白。
相关文章推荐
- 【JavaScript】加载失败的红叉图片处理与<img>图片标签的onerror事件
- jQuery触发<a>标签的点击事件无效
- HTML5 <audio>/<vedio> 标签属性,方法,事件汇总
- jeecg当中的<t:datagrid>标签的处理类dataGridTad的end方法
- 使用<a>标签提交action会执行两次后台方法的原因(反射机制小实例问题的解决)
- jquery触发<a>标签跳转事件
- <img/>标签onerror事件在IE下的bug和解决方法
- jquery 自动触发<a> 标签的click()方法
- <a>标签中调用js的几种方法
- 从零开始学_JavaScript_系列(八)——js系列<2>(事件触发顺序、文本读取、js编写ajax、输入验证、下拉菜单)
- < Unity 3D专栏 >添加控件检测事件,函数处理
- Java 处理Map<K,V>的方法
- JS触发<a>,JS事件模拟
- 返回Json数据浏览器带上<pre></pre>标签解决方法
- 使用<a>标签触发JS函数的几种办法
- 使用<a>标签调用struts2的action、传递动态参数、以及参数中出现加号等特殊字符的处理方法
- Android最佳性能实践——布局优化技巧之<include>、<merge>标签及仅在需要时才加载布局的:ViewStub
- jquery 自动触发<a> 标签的click()方法
- 大数据处理之道(实验方法<二>)
- 解决<span>标签内容改变,不能触发方法的问题