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