Kendo ui 空网格,一列用于输入,另一列用于输出
我已经开始使用kendo.ui,在构建网格时遇到了一些问题 我打算添加一个包含两列的网格。第一个用于用户输入。第二个是只读的。第二列中的值将来自DB 首先,我希望我的网格是空的,只有一个空行。 用户在第一列中输入代码,然后按enter键。这将计算第二列中的值,并应添加新行 剑道应该很容易,但我在创造这个方面遇到了困难Kendo ui 空网格,一列用于输入,另一列用于输出,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我已经开始使用kendo.ui,在构建网格时遇到了一些问题 我打算添加一个包含两列的网格。第一个用于用户输入。第二个是只读的。第二列中的值将来自DB 首先,我希望我的网格是空的,只有一个空行。 用户在第一列中输入代码,然后按enter键。这将计算第二列中的值,并应添加新行 剑道应该很容易,但我在创造这个方面遇到了困难 $('#divGrid').kendoGrid({ columns: [ { fi
$('#divGrid').kendoGrid({
columns: [
{ field: "Partnumber" },
{ field: "Quantity" }
],
dataSource: {
data: [
{ Partnumber: "", Quantity: '' },
],
},
editable: {
mode: "inline"
}
});
这只会添加一个空行,因为我使用的是空数据源
我已经试着将此设置为可编辑,以便用户可以进行输入。但似乎两个单元格都可以编辑
提前谢谢
安德烈现在意识到没有人回答这个问题,我已经找到了解决这个问题的方法 使用change事件,我可以在引入行之后“保存”该行。只需等待回应。 我使用剑道进程来阻止用户与网格交互
$('#divGrid').kendoGrid({
columns: [
{ field: "Partnumber" },
{ field: "Quantity" }
],
dataSource: {
data: [],
schema: {
model: {
fields: {
Partnumber: { type: "string", validation: { required: true } },
Quantity: { type: "string" }
}
}
},
change: function (e) {
// Other code here
if (e.action === "itemchange" && e.field === "Partnumber") {
kendo.ui.progress(loading, true);
var data = grid.dataSource.data();
data[0].set('Partnumber', kendo.toString(obj[0].qty, "n0"));
data[0].set('Quantity', kendo.toString(obj[0].stock, "n0"));
}
}
},
editable: {
mode: "inline"
}
});
希望这对任何人都有帮助
安德烈