easyui combogrid分頁加載默認值時沒法自動跳轉到相應頁的解決方案

當若是easyui combogrid分佈加載時,有默認值,且默認值不在第一頁時,此時combogrid裏的顯示值爲idField取到的對就值,以下圖:

「xiaoxiao」是默認值,可是並無到相應的頁面中被選擇,而停留在了第一頁。問題如今很清楚。下面提供解決方案前先分析一下: ui


  1. 此時顯示的xiaoxiao是後臺傳回的或頁面固定的默認值。grid表格中顯示的中查詢出來的數據。而後xiaoxiao不在第一頁
  2. 第一頁沒有的狀況下,如何觸發到分佈功能按鈕,如上一頁,下一頁等等。
分析完,上代碼:


在combogrid數據加載完成後,有個onLoadSuccess方法。在這個方法中實現此功能,以下: spa

.....
<input id="list_data" style="width:250px" value="xiaoxiao"> // xiaoxiao爲設置的默認值
.....
$(function() {
    var find = false; // 爲下面進行自動翻頁時使用,必須有
    $("#list_data").combogrid({
        idField: 'id',
        textField: 'name',
        //一系列的combogrid設置項就再也不說明了
        //.........
        fitColumns: true,
        onLoadSuccess: function(data) { // 當前請求的頁面數據。
            $.each(data.rows, function(index, value) {
                if ("xiaoxiao" == value.id) { // value.id與idField屬性對應的值
                    find = true;// 循環當前請求頁面數據,若是取出的值與默認值一致,則設置成找到
                }
            });
            if (!find) {
                // combogrid獲取下一頁頁碼
                var nextPage = $('#list_data').combogrid('grid').datagrid('options').pageNumber + 1;
                $('#list_data').combogrid('grid').datagrid('getPager').pagination("select", nextPage);
            }
        }
    });
});
get

效果以下: input

此時默認的值在combogrid中也是被選中了,且自動跳轉到了相應的頁面中。 it

此該當只適用第一次進入頁面時有默認值可用。 io

相關文章
相關標籤/搜索