Slick Grid 包裹在指令(角度)中,某些选项不起作用(调整大小和拖放列) [英] Slick Grid wrapped in directive (angular), some options not work (resize and drag&drop columns)
本文介绍了Slick Grid 包裹在指令(角度)中,某些选项不起作用(调整大小和拖放列)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我将 Slick Grid 插件包装到指令中时,一些 Slick Grid 选项(调整大小和拖放列)不起作用.我认为这些事件可能与指令冲突.有没有人有任何见解?
我的 html:
我的指令:
angular.module('slickGrid.directive', []).directive('sGrid', [function () {返回 {限制:'EA',链接:功能(范围,元素,属性){//为了更清晰,我在指令中初始化数据//开始初始化数据var 列 = [{id: "title", name: "Title", field: "title"},{id:持续时间",名称:持续时间",字段:持续时间"},{id: "%", name: "% Complete", field: "percentComplete"},{id:开始",名称:开始",字段:开始"},{id:完成",名称:完成",字段:完成"},{id:努力驱动",名称:努力驱动",字段:努力驱动"}];变量选项 = {enableCellNavigation: 真,enableColumnReorder: 真};var 数据 = [];for (var i = 0; i <50000; i++) {var d = (data[i] = {});d["id"] = "id_" + i;d["num"] = i;d["title"] = "任务" + i;d["持续时间"] = "5 天";d["percentComplete"] = Math.round(Math.random() * 100);d["开始"] = "01/01/2009";d["完成"] = "01/05/2009";d["effortDriven"] = (i % 5 == 0);}//结束初始化数据//最后渲染布局scope.grid = new Slick.Grid(元素、数据、列、选项);}}}]);
解决方案我的bug都解决了,经过一段时间的研究,我在这里找到了解决方案未捕获的类型错误:无法读取未定义的属性 'msie'
我的较新版本 jquery(1.9.1) 导致了这个问题.
When I've wrapped Slick Grid plugin into directive, some Slick Grid options (resizing and drag & drop columns) do not work. I think those events may conflict with directive.
Does anyone have any insight?
my html:
<div style="width:600px;height:500px;" s-grid></div>
my directive:
angular.module('slickGrid.directive', [])
.directive('sGrid', [function () {
return {
restrict: 'EA',
link : function(scope, element, attrs){
// for clearer present I initialize data right in directive
// start init data
var columns = [
{id: "title", name: "Title", field: "title"},
{id: "duration", name: "Duration", field: "duration"},
{id: "%", name: "% Complete", field: "percentComplete"},
{id: "start", name: "Start", field: "start"},
{id: "finish", name: "Finish", field: "finish"},
{id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
];
var options = {
enableCellNavigation: true,
enableColumnReorder: true
};
var data = [];
for (var i = 0; i < 50000; i++) {
var d = (data[i] = {});
d["id"] = "id_" + i;
d["num"] = i;
d["title"] = "Task " + i;
d["duration"] = "5 days";
d["percentComplete"] = Math.round(Math.random() * 100);
d["start"] = "01/01/2009";
d["finish"] = "01/05/2009";
d["effortDriven"] = (i % 5 == 0);
}
// end init data
// finally render layout
scope.grid = new Slick.Grid(element, data, columns, options);
}
}
}]);
解决方案 my bugs are solved, after take some time to research, I found a solution here Uncaught TypeError: Cannot read property 'msie' of undefined
My newer version jquery(1.9.1) caused that problem.
这篇关于Slick Grid 包裹在指令(角度)中,某些选项不起作用(调整大小和拖放列)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文