我想在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: " ", 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 /会计/会计#/ 。有什么问题?