miniui 给表格行添加监听事件的几种方法以及点击某列列名数据不能排序的问题

Posted 2020-09-23 易之盛技术团队-成长之路

最近在使用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"