Làm thế nào để lập trình chọn hàng trên cùng của JQGrid?

Question

Làm thế nào để một chương trình chọn hàng trên cùng của một JQGrid. Tôi muốn có hàng trên cùng đã được chọn khi nó được mở trên trang. Lưới của tôi được sắp xếp theo một cột mô tả để id của hàng đầu tiên có thể là bất kỳ số nào. Tôi biết phương pháp để sử dụng Tôi chỉ không biết làm thế nào để có được rowid cho hàng đầu (đầu tiên). Phương pháp này là:

jQuery("#mygrid").setSelection(rowid, true); 

Answer 1

Hoặc, mà không sử dụng API jqGrid, bạn sẽ có thể để lấy hàng đầu tiên bằng cách điều hướng DOM:

var top_rowid = $('#mygrid tbody:first-child tr:first').attr('id'); 

Answer 2

$("#mygrid").getDataIDs()[0]; // SO now requires 30 characters, so.... 

Answer 3

Khi bạn có một dòng tiêu đề, hãy thử điều này:

var top_rowid = $('#mygrid tbody:first-child tr:nth-child(2)').attr('id'); 

Answer 4

Câu trả lời ở trên đã đóng nhưng trường hợp đã bị tắt. Nó phải là:

$("#mygrid").getDataIDs()[0]; 

Điều đó sẽ hoạt động bình thường.

Answer 5

Toàn bộ mã khi bảng đã tiêu đề hàng:

var top_rowid = $('#mygrid tr:nth-child(2)').attr('id'); 
$("#mygrid").setSelection(top_rowid, true); 

Answer 6

Nếu bạn đã tiêu đề hàng thử điều này:

$('#tb_par tbody:first-child tr:nth-child(2)').trigger("click");

Nếu không hơn:

$('#mygrid tbody:first-child tr:first').trigger("click");

Nó sẽ kích hoạt trực tiếp nhấp chuột sự kiện của JqGrid.

Answer 7

jqGrid hỗ trợ một phương pháp setSelection nó chỉ cần được gọi một cách chính xác:

var grid = jQuery("#mygrid"), 
    ids = grid.jqGrid("getDataIDs"); 
if(ids && ids.length > 0) 
    grid.jqGrid("setSelection", ids[0]); 

Answer 8

Tôi đã sử dụng như sau:

var grid = $('#list'); 
grid.jqGrid({ 
    ... 
    gridComplete: function() { 
     var ids = grid.jqGrid("getDataIDs"); 
     if(ids.length > 0) { 
      grid.jqGrid("setSelection", ids[0]); 
     } 
    }, 
    ... 
});