Kendo Angular网格内联编辑

时间:2014-12-24 18:45:03

标签: angularjs kendo-ui

我想在Kendo Angular Grid中实现内联编辑。我的网格HTML在角度视图中如下所示

    <div kendo-grid="bankRegisterGrid" k-options="bankRegisterGridOptions" ></div>

我的控制器代码为

 $scope.bankRegisterGridOptions = {
    resizable: true,
    dataSource: {
        batch: true,
        schema: {
            model: {
                id: "Id",
                fields: {
                    Id: { type: "number", nullable: false },
                    ReferenceNo: { type: "string"},
                    AHead: { type: "string"},
                    Credit: { type: "number" },
                    Debit: { type: "number"},
                    ReconDescription: { type: "string"}
                }
            }
        },
        type: "json",
        transport: {
            read: "../Accounting/api/AccBankRegister/GetPaged",
            update: {
                    url: "../Accounting/api/AccBankRegister/Update",
                    dataType: "json",
                    type: "Post"
            },
            destroy: {
                                url: "../Accounting/api/AccBankRegister/Update",
                                dataType: "json",
                                type: "Post"

                            },
            parameterMap: function (options, operation) {
                if (operation !== "read" && options.models) {
                    return { models: kendo.stringify(options.models) };
                }
            }
        },
        pageSize: 10
    },
    pageable: true,
    columns: [{
        field: "ReferenceNo",
        title: "Ref. No",
        type: "string",
        width: "90px"
    }, {
        field: "AHead",
        title: "Account Head",
        type: "string",
        width: "250px"
    },
   {
       field: "Credit",
       title: "Credit",
       type: "number",
       width: "90px"
   },
   {
       field: "Debit",
       title: "Debit",
       type: "number",
       width: "90px"
   },
   {
       field: "Comments",
       title: "ReconDescription",
       type: "string",
       width: "90px"
   },
   { command: ["edit", "destroy"], title: "&nbsp;", width: "130px" }],
    editable: "inline"
};

首先当布局页面打开网址时, xxx:2815 /会计/会计#/ ,当我点击 BankRegister 菜单项时,网址就是 XXX:2815 /会计/会计#/ BankRegister / 即可。现在网格打开了数据。当我单击编辑按钮时,我在firebug中看到错误:

  

&#39;错误:语法错误,无法识别的表达式:unsupported pseudo:kendoFocusable .... jquery-1.9.0.js(第4411行,第7栏)&#39;。

在每一行编辑按钮中单击它。当我单击行中的取消按钮时,它将转到主页,并且网址为 xxx:2815 /会计/会计#/ 。有什么问题?

0 个答案:

没有答案