kendo-ui - 在 KendoGrid 中创建一个未绑定(bind)到数据源的列

Question

我正在使用 Kendo UI 将数据源绑定(bind)到 Kendo 网格。我正在尝试找到在未绑定(bind)到数据源的网格中创建列的最佳方法。

目前，我正在数据源中创建一个字段，并在从远程端点读取数据后使用一些 javascript 和 jQuery 设置该列的值。

数据源:

schema: {
    model: {
        fields: {
            blah: {},
            empty_column: {}
        }
    }
}

网格:

columns: {
    field: "empty_column",
    width: 100,
    title: "Empty"
}

Javascript:

datasource.data[item].set("empty_column", computed_value);

为简洁起见编辑了所有代码，一切正常。

我的问题:有没有办法为这个未连接到远程端点的新空列设置默认值？ 当我设置时:

empty_column: {defaultValue: "None"}

网格仍然显示“未定义”，我认为是因为它在读取操作中没有接收到该字段的任何数据。有没有办法在网格中设置默认值？我还没有看到任何这样的例子......

Answer 1

defaultValue 在您创建记录时应用，而不是在它要显示时应用。

你可以这样做:

选项 1:在 schema.fields.fieldName 中使用 parse那将是这样的。

model: {
    fields: {
        empty_column: {
            type        : "string",
            defaultValue: "none",
            parse       : function (data) {
                if (!data.empty_columns) {
                    data.empty_column = "none";
                }
                return data;
            }
        },
        blah        : { type: "number" }
    }
},

选项 2:使用 schema.parse用于添加额外的字段值。

            schema: {
                model: {
                    fields: {
                        empty_column: {type: "string", defaultValue: "none"},
                        blah        : { type: "number" }
                    }
                },
                parse: function (response) {
                    $.each(response, function (idx, item) {
                        if (!item.empty_column) {
                            item.empty_column = "none";
                        }
                    });
                    return response;
                }
            }

当然，(对于这两个选项)如果您确实知道 empty_column 中没有以前的值，您可以保存测试条件并只留下分配。