如何在 Kendo Grid 中设置列​​优先级

Question

我正在使用剑道网格，并且我有如下所示的列数组

 columns: [
            {
                field: "Column1",
                title: "Column 1",
                width: "120px"
            },
            {
                field: "Column2",
                title: "Column 2",
                width: "120px"
            },
            {
                field: "Column3",
                title: "Column 3",
                width: "160px"
            },
            .
            .
            .
          ]

如何在剑道网格中设置列的显示顺序，或者有没有其他可能的方式？像第 1 个 Column2 然后 Column3 然后 Column1 需要显示。

提前致谢！！！！

Answer 1

您正在寻找reorderColumn(destIndex, object) 事件：reorderColumn。

1. destIndex Number 列的新位置。目标索引 应针对所有列进行计算，包括隐藏的列 那些。

1. column Object 应该改变位置的列。

$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
  ]
});
var grid = $("#grid").data("kendoGrid");

//your logic for calcualting destination index and column
grid.reorderColumn(1, grid.columns[0]);

官方示例：reorderColumn