Question

如何通过选择器#myGrid初始化后，按选择器访问slickgrid对象。

谢谢！

Answer 1

// init & store
grid = new Slick.Grid("#myGrid", data, columns, options);
$("#myGrid").data("gridInstance", grid);

// access later on
$("#myGrid").data("gridInstance").resizeCanvas();

Answer 2

您需要清楚地区分JQuery对象和javascript网格对象。

您的HTML标记应如下所示：

<div id="myGrid" style="width:600px;height:500px"></div>

你的sctipt会看起来像这样。

var grid;
var columns = [ {... column stuff
var options = { ... grid options
var data = [ ... data for the grid

grid = new Slick.Grid("#myGrid", data, columns, options);

JQuery选择器$("#myGrid")将返回包装DOM元素的JQuery对象。基本上，这会为您提供对页面上<div>对象的引用。它就像HTML页面上的任何其他元素一样，并且没有特定于网格的功能。这是一个div，就像其他任何一样。

JavaScript中的grid变量保存对新创建的对象（Slick.Grid类型）的引用。这是在SlickGrid库中定义的自定义对象，它带来了操作网格所需的所有属性和方法。因此，例如，如果要调用resizeCanvas()方法，则需要通过网格对象而不是div元素调用它。

grid.resizeCanvas();

通过选择器访问slickgrid对象

2 个答案: