1

我一直在玩 Kendo UI Grid，我喜欢它可以非常轻松地处理 HTML 标记表。

是否可以使用 HTML 标记表并制作成 Kendo 可编辑网格。

http://demos.kendoui.c​​om/web/grid/from-table.html

4

1 回答 1

4

如果其他人需要这方面的帮助，这里是解决方案。假设我创建了一个表格，表格如下：

<table id="data">
    <thead>
        <tr>
            <th>Field 1</th>
            <th>Field 2</th>
            <th>Field 3</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Field 1 data</td>
            <td>Field 2 data</td>
            <td>Field 3 data</td>
            <td></td>
        </tr>
    </tbody>
</table>

请注意，有一个空的标题和数据列。这是 KendoUI 在网格初始化时添加命令按钮的地方。

要将其初始化为可编辑的 KendoUI Grid，您将使用以下 javascript：

$("#data").kendoGrid({
        editable: "popup", //or "inline"
        columns: [
            { field: "field1", title: "Field 1" },
            { field: "field2", title: "Field 2" },
            { field: "field3", title: "Field 3" },
            { command: "edit" }
        ]
    });

然后，您可以自定义编辑器模板，就像从远程或本地 JSON 数据创建网格时一样。

作为附加说明，在我的 KendoUI 版本中，弹出编辑器窗口中有一个错误。如果不是，您需要添加此样式覆盖以使弹出窗口正确显示（即您所看到的只是屏幕中间的一个白色小方块）：

.k-window
    {
        transform: none !important;
    }
于 2014-01-24T00:47:14.630 回答