Kendo ui 空网格,一列用于输入,另一列用于输出

Kendo ui 空网格,一列用于输入,另一列用于输出,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我已经开始使用kendo.ui,在构建网格时遇到了一些问题 我打算添加一个包含两列的网格。第一个用于用户输入。第二个是只读的。第二列中的值将来自DB 首先,我希望我的网格是空的,只有一个空行。 用户在第一列中输入代码,然后按enter键。这将计算第二列中的值,并应添加新行 剑道应该很容易,但我在创造这个方面遇到了困难 $('#divGrid').kendoGrid({ columns: [ { fi

我已经开始使用kendo.ui,在构建网格时遇到了一些问题

我打算添加一个包含两列的网格。第一个用于用户输入。第二个是只读的。第二列中的值将来自DB

首先,我希望我的网格是空的,只有一个空行。 用户在第一列中输入代码,然后按enter键。这将计算第二列中的值,并应添加新行

剑道应该很容易,但我在创造这个方面遇到了困难

$('#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"
                    }
                });
希望这对任何人都有帮助

安德烈