jquery easyui 中combogrid , datagrid 自定義分頁

以             去掉記錄相關字元

去掉前                                                                                        去掉後

第一中方法

1.取到combogrid的datagrid

var comDataGrid = $(itemId).combogrid('grid');

   comdataGrid隻是一個table combogrid中的datagrid生成的table對象。斷點調試添加監控可以看到是一個table對象

如下圖

       在火狐中調試點選上圖紅色框中的table可以看到下圖代碼（圖檔代碼就是一個combogird生成的一datagrid）

以上源碼清楚以後就可以用jquery操作源代碼，我們就可以為所欲為（jquery強大的功能你懂得）

var comDataGrid = $(itemId).combogrid('grid');

//檢視源碼找到需要操作的分頁class進行操作

comDataGrid.parent().next().find(".pagination-info").hide();//此處隐藏成功 ;

當然為了更炫可以添加各式特效（這也是這種操作方法的好處）當然弊端也是有的，你必須保證控件已經解析完畢。

解決方案價格setTimeout(function () {

$(itemId).combogrid('grid').parent().next().find(".pagination-info").hide();//此處隐藏成功 ;

},0) setTimeout方法說明：這個方法是javascript自帶方法當整個js加載執行完成後開始計時執行，是以隻要将其放到combogrid解析的同你js就不會有問題。

第二種方法 通過jquery-easyui中提供的方法進行操作;

通過api我們可以了解到ComboGrid

依賴關系

• combo
• datagrid

 是以combogrid可以調用兩者的屬性方法事件都可以。

而datagrid

依賴關系

• panel
• resizable
• linkbutton
• pagination

而pagination

api中的一段說明詳細見官方api

displayMsg

string

顯示頁面資訊。

是以就要隐藏頁面資訊。

如下代碼：

         //初始化下拉

            selectControl.combogrid({

             此處省略代碼段

            });

            //grid自定義

            var grid = selectControl.combogrid('grid');

            grid.datagrid({

                pagination: "false",

                pageSize: data.combox.pageSize == undefined ? 10 : data.combox.pageSize,

                pageList: [5, 10, 20]

            });

            //此處注釋代碼是說明pagination分頁面闆參數設定隻做參考

            //            dg.datagrid('getPager').pagination({

            //                layout: ['list', 'sep', 'first', 'prev', 'sep', $('#p-style').val(), 'sep', 'next', 'last', 'sep', 'refresh']

            //            });

//隐藏頁面資訊

            grid.datagrid('getPager').pagination({ displayMsg:''});

            //分頁事件

            grid.datagrid("getPager").pagination({

                onSelectPage: function (pageNumber, pageSize) {

                    queryParam.page = pageNumber;

                    queryParam.rows = pageSize;

                    //重新加載grid

                    loadData(grid, queryParam);

                }

            });

jquery  esayui 是一個開源而且功能相當強大的插件。開源我們可以根據自己需求随便改，js插件多平台都也引用。