Kendo网格在创建新行时，使用现有行中的值自动填充字段

Question

我有5列（剑道网格），它们从数据库中获取数据。 我想做的是，每当我添加新行时，我都希望某些列能够动态自动填充。

例如，我有“名称”，“国家/地区”，“州”，“值”和“ effDate”列。

名称，国家/地区，州字段editable = false 。 因此，用户只能编辑value和effDate字段。

如果Name = John，Country = USA，State = Alaska，Value = 123，effDate = 9/11/2019，并且当我添加新行时，我希望Name，country，state字段填充Name-John，Country-美国，阿拉斯加州。 Value和effDate只能为空，以便用户可以添加新数据。

我目前正在使用模板。 我尝试使用此方法填充“国家/地区”列，但未显示任何内容。

template: "#= Country #"

创建新行时，有没有一种方法可以动态地预先填充？

我的网格代码模型的一部分：

{
    id: "NameKey",
    HouseKey: houseKey,
    fields: {
        Name: { editable: false },
        Country: { editable: false },
        State: { editable: false },
        Value: {
            validation: {
                pattern: {
                    value: "^[0-9.]{0,10}$",
                    message: "Only numbers"
                },
                required: {
                    message: "Value is required"
                },
            }
        },
        EffDate: { validation: { required: true }, type: "date", format: "{0:MM/dd/yyyy}" },
    },

...

列的一部分

columns: [
    { field: "Name", template: "#=(Name== '') ? 'Fields are auto populated' : Name#", title: "Name", width: 250 },
    { field: "Country", template: "#=(Country== '') ? 'Fields are auto populated' : Countr#", title: "Country", width: 210 },
    { field: "State", template: "#=(StateName == '') ? 'Fields are auto populated' : State#", title:"State", width: 200 },
    { field: "Value", title:"Value", width: 200 },
    {
        field: "EffDate", title;"Date", template: "#= kendo.toString(kendo.parseDate(data.EffDate, 'yyyy-MM-dd'), 'MM/dd/yyyy') #", width: 140
    },
],

Answer 1

您可以使用beforeEdit事件来实现该行为。 每当用户尝试在网格中编辑或创建新条目时，都会调用该事件。 它会收到当前模型，您可以根据需要进行更改：

beforeEdit: function(e) {
    let model = e.model;

    if (model.isNew()) {
        model.Name = "John";
        model.Country = "USA";
        model.State = "Alaska";
    }
}

演示