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);

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

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