Cách đặt jqGrid mặc định thành thu gọn

Question

tôi có bảng jqgrid đang hoạt động và tôi muốn bảng mặc định thu gọn khi tải. Tôi đã kiểm tra tài liệu của trang web nhưng tôi không thể tìm thấy tùy chọn cho việc này. Nút có một lớp ui-icon-circle-triangle-n.

cảm ơn rất nhiều.

Answer 1

Tôi đã từng làm điều này bằng cách gọi .click() trên nút thu gọn sau khi tải bảng. Có lẽ không phải là giải pháp mạnh mẽ nhất, nhưng nó làm việc cho tôi.

Answer 2

hiddengrid là thuộc tính của lưới sẽ thực hiện những gì bạn muốn. Xem thuộc tính cuối cùng được đặt trong ví dụ bên dưới.

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     var grid1 = jQuery("#list1").jqGrid({ 
      url: '/controller/action/', 
      datatype: 'json', 
      mtype: 'POST', 
      colNames: ['Col1', 'Col2'], 
      colModel: [ 
     { name: 'Col1', index: 'Col1', width: 22, align: 'left'}, 
     { name: 'Col2', index: 'Col2', width: 22, align: 'left'} 
     ], 
      sortname: 'Col1', 
      sortorder: "asc", 
      caption: 'Sample Grid', 
      rowNum: 10, 
      pager: '#, 
      hiddengrid: true 

    }); 
</script> 

Answer 3

Gần đây tôi đã tìm thấy giải pháp tốt hơn và hiệu quả hơn kích hoạt nhấp chuột.

Chỉ cần thêm phần tử groupingView với tùy chọn groupCollapse trong phần tử gridOptions.

Một số như thế:

// grid options 
{ 
    groupingView: { 
     //Collapse all 
     groupCollapse: true 
    } 
}