如何让KendoUI Edit按钮在Chrome中运行?

时间:2014-01-17 10:09:03

标签: javascript kendo-ui kendo-grid

KendoUI的某些小部件似乎只能在Firefox中运行,而不能在Chrome中运行。 就像网格中的编辑命令按钮一样。

     { command: [ { name: "Edit" ,text:'', imageClass: "k-icon k-i-pencil", 
                               click: function(e) {
                                   //some code
                               }

单击该功能时,Chrome中根本不会调用该功能,但在Firefox中完美运行。

无论如何我可以修复它以使其在两种浏览器中都有效吗?

2 个答案:

答案 0 :(得分:0)

绑定您的inline网格,

 $("#grid").kendoGrid({
                    dataSource: dataSource,
                    navigatable: true,
                    pageable: true,
                    height: 430,
                    groupable: {
                        messages: {
                            empty: "Drop columns here"
                        }
                    },
                    toolbar: ["create"],
                    columns: [
                                    "ProductName",

                                    {field: "UnitPrice", title: "Unit Price", width: 110 },
                                    { field: "UnitsInStock", title: "Units In Stock", width: 110 },
                                    { field: "Discontinued", width: 110 },
                                    { command: ["edit", "destroy"], title: " ", width: 190}],

                    editable: "inline"
                });

网格命令

{ command: ["edit", "destroy"], title: " ", width: 190}]它同时处理chrome和FF。

答案 1 :(得分:0)

此演示似乎适用于所有浏览器:

http://demos.kendoui.com/web/grid/custom-command.html