天天看點

easyui datagrid實作行點選單選,複選框多選,同時不會重複觸發點選事件。

datagrid初始化代碼:

var flag = true; //定義一個開關變量控制
$("#table").datagrid({
            pagination: true,//允許分頁
            rownumbers: true,//行号
            singleSelect: false,//隻選擇一行
            pageSize: 20,//每一頁資料數量
            width:"100%",
            checkOnSelect: false, //此屬性必須設定為 false
            selectOnCheck: true,
            pageList: [10,20,30,50],
            loadMsg:'正在全速查詢資料,請稍等...',
           

datagrid行點選事件初始化代碼:

onClickRow: function (rowIndex, rowData) {
                console.log("進入行點選事件");
                $("#table").datagrid("clearChecked");
                $("#table").datagrid('selectRow',rowIndex);
                flag = false;
                $("#table").datagrid("checkRow",rowIndex);
                flag = true;
                //下面寫你自己的事件代碼
                ....
            },
           

datagrid複選框點選事件初始化代碼:

onCheck: function (rowIndex, rowData) {
				  if (flag) {
				  	  console.log("進入複選框選擇事件");
                   //下面寫你自己的事件代碼
                   ....
				  }
                 
            },
           

此時的datagrid已經實作行點選單選,複選框多選。同時行點選事件和複選框選中事件不會重複觸發。

繼續閱讀