jqGrid thêm cột mới

Question

Tôi thấy rằng trong jqGrid plugin cho JQuery tôi có thể thêm hàng động, nhưng tôi có thể làm tương tự với các cột không? Nếu có một bảng đơn giản, tôi muốn làm điều này bằng tay, nhưng jqGrid lưu trữ thông tin bảng trong rất nhiều div.

Answer 1

Không thể thêm cột vào jqGrid động. Bạn phải tạo lại toàn bộ lưới với colModel có thêm một cột nữa. Nếu bạn sử dụng riêng biệt colNames, thì kích thước của mảng cũng phải được tăng lên. Bạn có thể sử dụng GridDestroy ví dụ để hủy lưới hiện có. Việc sử dụng jQuery.Remove hoặc jQuery.Empty thay thế cũng có thể.

CẬP NHẬT: Dường như với tôi rằng GridUnload là tốt hơn cho mục đích của bạn. Tôi đã tạo small demo minh họa cách người ta có thể tạo lại một mạng lưới. Để có thể sử dụng GridUnload hoặc GridDestroy bạn phải xác minh rằng bạn bao gồm grid.custom.js trong dự án của mình (nếu bạn sử dụng phiên bản dành cho nhà phát triển của jqGrid) hoặc bạn đã chọn "Tùy chỉnh" "Phương thức cộng" trên trang jqGrid download.

CẬP NHẬT 2: Người ta có thể sử dụng phương thức addColumn có thể tải xuống từ here (xem jQuery.jqGrid.addColumn.js). Phương pháp vẫn đang trong giai đoạn beta. Người ta có thể tìm thấy một số bản demo trong đó cho thấy làm thế nào để sử dụng phương pháp here (xem addColumnX.htm ví dụ).

Answer 2

chỉ cần sử dụng

$("#gridid").jqGrid('GridUnload'); 

nó sẽ dỡ bỏ lưới hoàn toàn và sẽ sẵn sàng để tải lại với các cột và dữ liệu mới.

Answer 3

Bạn có thể dễ dàng thiết lập các mô hình cột mới và tải lại lưới:

var newColModel = $("#myGrid").jqGrid("getGridParam", "colModel").concat({ /* new column attributes */ }); 
$("#myGrid").jqGrid("setGridParam", {colModel: newColModel}).trigger("reloadGrid"); 

Answer 4

rownumbers: đúng, và rownumWidth: 25 (mặc định)