如何从编辑器中排除不在数据源中的kendo网格字段？

Question

首先，我知道如何通过在kendo数据源中将其标记为'editable：false'来排除字段。

我在Kendo UI网格中添加了一个带有按钮的列，以打开文件上传窗口。 此列不在数据源中！但是，该列现在也在弹出编辑器中显示为带有“文件上载”作为标签的tetxtbox（也就是您可以看到的列标题名称）在截图中）。

如何在弹出编辑器中排除/隐藏此列？
我使用的是Kendo UI版本：“2014.2.716”

感谢您的帮助！

以下是我将列添加到网格的方法，请参见最后一行：

columns: [
            { field: "Id", hidden: true },
            { field: "Name", title: ........ },
            { field: "EnteredBy", title: "Entered by", hidden: true },
            { field: "UpdatedOn", type: "date",.....},
            { field: "UpdatedBy", title: "......},
            { command: ["edit", "destroy"], title: "Action", width: "80px" },
            { field: "Upload", title: "File Upload", width: "80px", template: '<button class="k-button" onClick="uploadFiles(#=Id#)">Upload<br/>Files</button>' }
        ],

这是一个屏幕截图，显示了“文件上传”列，并在网格列的每个单元格中显示了“上传文件”按钮。

这是弹出式编辑器中我想隐藏的字段的屏幕截图。

Answer 1

我认为您应该将额外的列设为custom command，而不是为其指定“字段”。

类似的东西：

columns: [
    ...
    {
        command: { text: "Upload", click: uploadFiles},
        title: "File Upload",
        width: "80px"
    }
]

然后uploadFiles函数会传递一个click事件，从中可以获取单击的元素。您可以在该行中添加data-id属性，以便从Id函数中获取uploadFiles，就像在上面链接的演示中一样。