最近在使用miniui框架做开发,在做表格行的点击监听事件中发现了几个属性,都可以起到监听效果但是执行的结果却大有不同。好了废话不多说,直接上代码。
<div id="pageGrid" class="mini-datagrid" style="width: 100%; height: 100%; border:0;" url="${ctx}/tAXINFO/queryRepeat"
autoload="true" sortMode="client" allowresize="true" pagesize="100" onrowclick="onClick" multiselect="true">
</div>
大家注意上面代码中onrowclick="onClick"属性,就是为表格中的行添加监听事件的。目前大概有如下几种方法,如果大家有用到可以借鉴参考:
第一种:onrowclick="onClick"属性执行的是单击监听,"onClick"是你自定义的方法名。
第二种:onrowdblclick="onClick"属性执行的是双击监听,"onClick"是你自定义的方法名。
第三种:onSelectionChanged="onClick"属性执行的也是单击监听,"onClick"是你自定义的方法名。但是有两点不同:
1.是当你点击完某行后,此行就会默认为选中状态,导致重复点击无效,必须点击一下别的行后再点击此行才有效。
2.是当你单击鼠标右键是,它也会把左键执行的功能一块给执行出来。
好了,给表格行添加监听就告一段落,下面咱们说说使用miniui生成表格时,点击某列列名数据不能排序的问题。
其实也非常简单,想点击某列名让数据排序需要满足两个条件:
1.在添加列时,使用属性 allowSort: true
2.在上面的div中添加属性 sortMode="client"