JQGrid Programatically Chọn Grid Row

Question

Tôi có một JQGrid với loadonce: true (vì vậy tất cả phía máy khách) và phân trang được kích hoạt (với 20 trang).

Tôi muốn chỉ định một hàng (theo chương trình, không có đầu vào của người dùng) và có lưới điều hướng đến trang tương ứng để chọn hàng được chỉ định.

Điều này có thể thực hiện với JQGrid hiện tại không?

Tôi đã xem xét tìm kiếm và lọc, nhưng chỉ tải lại lưới với các hàng mới - Tôi cần lưới của mình để điều hướng đến đúng trang - Giữ dữ liệu và cấu trúc của nó.

Tôi đang trong quá trình tối ưu hóa cấu trúc lưới của mình, vì vậy mọi thay đổi cần thiết (nói phía máy khách đến phía máy chủ) sẽ có thể thực hiện được.

Answer 1

Vì bạn sử dụng loadonce:true, khi đó bạn chuẩn bị dữ liệu trên máy chủ. Ở phía máy chủ, bạn có thể quyết định chọn hàng nào. Về phía máy chủ, bạn cũng có thể dễ dàng tính toán trên trang nào sẽ là hàng được chọn. Ví dụ: id của hàng đã chọn và trang được chọn bạn có thể bao gồm như một phần của userdata. Vì vậy, các dữ liệu được gửi từ máy chủ có thể trông giống như sau:

{ 
    "total": 5, 
    "page": 1, 
    "records": 107, 
    "rows": [ 
     ... 
    ], 
    "userdata": { 
     "page": 3, 
     "selId": 24 
    } 
} 

Bên trong loadComplete bạn có thể làm về sau

loadComplete: function(data) { 
    if (jQuery("#list").getGridParam('datatype') === "json") { 
     // data.userdata is the same as jQuery("#list").getGridParam('userData'); 
     var userdata = jQuery("#list").getGridParam('userData'); 
     var curPage = jQuery("#list").getGridParam('page'); // is always 1 
     if (curPage !== userdata.page) { 
      setTimeout(function(){ 
       jQuery("#list").setGridParam(
        { page: userdata.page }).trigger("reloadGrid"); 
       jQuery("#list").setSelection (userdata.selId, true); 
      },100); 
     } 
     else { 
      jQuery("#list").setSelection (userdata.selId, true); 
     } 
    } 
} 

Một ví dụ làm việc bạn có thể nhìn thấy trên http://www.ok-soft-gmbh.com/jqGrid/DataToSelect.htm và http://www.ok-soft-gmbh.com/jqGrid/DataToMultiSelect.htm.

CẬP NHẬT: Free jqGrid hỗ trợ multiPageSelection:true tùy chọn phân tách bằng phiên bản 4.10.0. Tùy chọn cho phép thiết lập lựa chọn nhiều hàng trong lưới rất dễ dàng (và nó hoạt động rất nhanh, bởi vì nó thiết lập trạng thái lựa chọn trực tiếp trong khi tạo cơ thể của lưới). Xem the answer và the demo và the readme to 4.10.0.