使用angular指令的SlickGrid的多个实例?

时间:2014-03-08 02:29:47

标签: javascript angularjs slickgrid

我对AngularJS很新,到目前为止我很喜欢它。

我读到将外部库包装到目录中是犹太教的事情,我理解为什么这样做是有道理的。

在我努力创建'slickgrid'指令时,我发现网上的信息很少。这里的这个问题提供了一个slickgrid作为指令的例子:Slick Grid wrapped in directive (angular), some options not work (resize and drag&drop columns)

但这是正确的做法吗?这个人做的方式,每个<div slickgrid>将使用相同的设置和数据进行初始化。

在我的应用程序中,我需要很多slickgrid实例,当然,列与实例以及数据不同。

那么我应该如何将特定的<div slickgrid>链接到应该显示的数据呢?

非常感谢你的时间

1 个答案:

答案 0 :(得分:0)

因为SlickGrid有太多选择 - 编写指令没有太大意义,完全包含它。您最好在不同的控制器中启动不同的网格。并且可能将列和格式化程序定义移动到单独的服务

所以代码就是这样的:

angular.module('app').controller('grid1controller', function(){
    ...
    $scope.grid = new Slick.Grid("#grid1", $scope.data, grid1columns, grid1options);
    ...
})