当前位置：文江博客话题详情

通过选择器访问slickgrid对象

发布于 2024-12-09 04:16:46 字数 63 浏览 1 评论 0原文

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

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

失去的东西太少 2024-12-16 04:16:46

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

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

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

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

回复收藏 0 原文

静谧 2024-12-16 04:16:46

您需要清楚地区分 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 对象。基本上，这为您提供了对页面上

对象的引用。它就像 HTML 页面上的任何其他元素一样，没有特定于网格的功能。它是一个 div，就像其他的一样。

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

grid.resizeCanvas();

You need to distinguish clearly between the JQuery object and the javascript grid object.

Your HTML markup should look look something like this:

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

and your sctipt will look something like this.

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

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

The JQuery selector $("#myGrid") will return a JQuery object wrapping the DOM element. Basically, this is giving you a reference to the <div> object on your page. It is just like any other element on your HTML page and has no functionality specific to the grid. It is a div, just like any other.

The grid variable in the JavaScript saves a reference to the newly created object (of type Slick.Grid). This is a custom object defined in the SlickGrid library which brings all the properties and methods needed to manipulate the grid. So for example if you want to call the resizeCanvas() method, you need to call this via the grid object, not the div element.