KendoUI所有事件自帶功能的事件
各位朋友,當你看到下面的事件的時候,你的思想上已經完成這個功能了
events: [
CHANGE,
'dataBinding',
'cancel',
DATABOUND,
DETAILEXPAND,
DETAILCOLLAPSE,
DETAILINIT,
FILTERMENUINIT,
COLUMNMENUINIT,
EDIT,
SAVE,
REMOVE,
SAVECHANGES,
COLUMNRESIZE,//調整寬度觸發的事件
COLUMNREORDER,
COLUMNSHOW,//顯示元素觸發的事件
COLUMNHIDE,//隱藏元素觸發的事件
COLUMNLOCK,
COLUMNUNLOCK,
NAVIGATE,
'page',//分頁觸發的事件
'sort',//排序觸發的事件
'filter',//篩選條件過濾觸發的事件
'group'
],
1、對於元素進行顯示或者隱藏的
columnMenu: true,//元素可選
columnShow: function(e) {
console.log(e.column.field); // displays the field of the hidden column
},
columnHide: function (e) {
console.log(e.column.field); // displays the field of the hidden column
},
2、 調整寬度的
columnResize: function (e) {
});
3、 過濾查詢條件的
filterable: true,//篩選條件
//查詢條件時候觸發的事件
filter: function (e) {
},
對於這個filter,他有兩個按鈕,一個是submint,一個是clear
,當點選的時候會觸發,如果情況按鈕它也是會去觸發的,所以如果
關係到資料庫的值儲存或者更新的問題,只需要在這裡進行獲取儲存更新就可以了,
它會自動的根據條件去重新整理資料的
4、 排序操作的
sortable: true,//可排序
sort: function (e) {
}
--------------------------------------------------------
下面這些是kendo.all.js裡面會觸發的函式
在用到kendoUI自帶的顯示和隱藏的時候,
_mouseenter 函式是 滑鼠進入觸發的事件
-----------------------------------------
該方法用於清空所有篩選條件
IndexPager.gridDataSource = null;//將資料來源制空
IndexPager.gridRead();//函式內再次呼叫方法
kendoUI的grid中的清空條件,只能一個一個清空,如果想一起清空就需要自定義一個
方法,那麼進入到自定義的方法後,需要制空資料來源,再讓他呼叫一次獲取資料功能即可