javascript - Slickgrid 列重新排序无法正常工作

Question

我正在使用 Slickgrid javasript 库，我已经使用以下选项初始化了我的网格:

var options = 
{
  enableCellNavigation: true,
  enableColumnReorder: true,
  syncColumnCellResize: false,
  asyncEditorLoading: true
};

我已经实现了 slickgrid 的其余部分，并且运行良好。我遇到的唯一问题是列重新排序没有正常工作。

我可以将列标题拖到另一个位置，但是当它悬停在我想放置它的位置时，其他列标题没有像我之前看到的示例那样移动。我通常需要摆弄列标题，直到打开一个空间。

我没有看到任何关于列标题无法重新排序的文档，所以我什至不知道这些问题是在哪里发生的，或者是什么原因导致的。

有没有人对 Slickgrid 有类似的问题，或者有什么建议？

Answer 1

我最近刚开始使用 SlickGrid，遇到了类似的问题。

我是这样做的:

var options = { ... };
var dataView = ...;

// initialize columns with empty array
var columns = [];

// intialize myGrid with the empty columns
var myGrid = new Slick.Grid(
                  "#myGrid", dataView,
                  columns, options);

// initialize columns here (e.g. after loading dynamic column header data)
columns.push(
  {id:"sel", name:"#", field:"num", sortable: true},
  {id:"title", name:"Title", field:"title", sortable: true},
  {id:"duration", name:"Duration", field:"duration", sortable: true});

// update the columns
myGrid.setColumns(columns);

您可能会问我为什么要那样做。好吧，我有一些来自动态内容的列标题，并试图以与行数据加载相同的方法保持内容加载。在任何情况下，当我以上述方式执行时，其他一切(例如事件处理程序、行更新等)似乎工作正常，除了您描述的奇怪的列重新排序行为。

经过反复试验并将我的代码与提供的示例进行比较，结果证明我的错误是在初始化期间没有正确设置列。显然，当您使用空列数组调用 new Slick.Grid 时会出现奇怪的行为。

我修复它的方法是简单地用一个虚拟的非空列数组初始化网格，然后稍后仍然调用 setColumns 来设置实际的列。例如

// intialize myGrid with dummy column array
var myGrid = new Slick.Grid(
                  "#myGrid", dataView,
                  [{id: "dummy"}], options);

在我进行这一单一更改后，其他一切都按预期工作。

我花了一些时间才弄清楚，但我希望它能帮助您或其他可能遇到类似问题的人。