油滑网格包裹在指令（角），有些选项无法正常工作（调整大小并拖放放大器;删除列） [英] Slick Grid wrapped in directive (angular), some options not work (resize and drag&drop columns)

问题描述

当我裹着油滑网格插件安装到指令，有些油滑网格选项（调整大小和拖动和放大器;删除列）不起作用。我认为，这些事件可能与指令冲突。
没有人有任何见解？

我的html：

 ＆LT; D​​IV的风格=WIDTH：600px的;高度：500像素; S-格＆GT;＆LT; / DIV＆GT;
 

我的指令：

  angular.module（'slickGrid.directive'，[]）
.directive（'sGrid'，[功能（）{
    返回{
        限制：EA，
        链接：功能（范围，元素，ATTRS）{
            //更清晰present我正确初始化指令中的数据
            //初始化启动数据
            VAR列= [
                {ID：标题，名称：标题，现场称号}，
                {ID：持续时间，名称：持续时间，现场持续时间}，
                {ID：％，名称：％完成，现场PERCENTCOMPLETE}，
                {ID：开始，名称：开始，现场：开始}，
                {ID：完成，名称：完成，现场完成}，
                {ID：努力驱动，名称：努力驱动，现场effortDriven}
            ];
            VAR的选择= {
                enableCellNavigation：真实，
                enableColumnReorder：真
            };
            VAR数据= [];
            对于（VAR I = 0; I＆LT; 50000;我++）{
                变种D =（数据由[i] = {}）;                D [ID] =ID_+我;
                D [NUM] =我;
                D [称号] =任务+我;
                D [时间] =10日;
                D [PERCENTCOMPLETE] = Math.round（的Math.random（）* 100）;
                D [开始] =01/01/2009;
                D [完成] =2009年1月5日;
                D [effortDriven] =（I％5 == 0）;
            }
            //初始化结束数据            //最后呈现布局
            scope.grid =新Slick.Grid（元素，数据，列选项）;
        }
    }
}]）;
 

解决方案

我的错误都解决了，需要经过一段时间的研究，我发现了一个解决方案，在这里<一个href=\"http://stackoverflow.com/questions/14793331/uncaught-typeerror-cannot-read-property-msie-of-undefined\">Uncaught类型错误：无法读取未定义的特性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.

这篇关于油滑网格包裹在指令（角），有些选项无法正常工作（调整大小并拖放放大器;删除列）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！