1. 程式人生 > >KendoUI所有事件自帶功能的事件

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中的清空條件,只能一個一個清空,如果想一起清空就需要自定義一個

方法,那麼進入到自定義的方法後,需要制空資料來源,再讓他呼叫一次獲取資料功能即可