0

所以我有这个看法

<!DOCTYPE html>

<html>
<head >
    <link href="<%: Url.Content("~/Content/kendo/2012.3.1114/kendo.common.min.css")%>" rel="stylesheet" type="text/css" />
    <link href="<%: Url.Content("~/Content/kendo/2012.3.1114/kendo.default.min.css")%>" rel="stylesheet" type="text/css" />
    <title><%: ViewBag.GestionTitle %></title>
</head>
    <body>


        <h1><%: ViewBag.GestionTitle %></h1>
        <div id="usuariosGrid"></div>
        <button id="addUsuario" type="button" class="k-input"><%: ViewBag.Agregar %></button>

        <script src="<%: Url.Content("~/Scripts/jquery-1.7.1.min.js")%>"></script>
        <script src="<%: Url.Content("~/Scripts/kendo/2012.3.1114/kendo.web.min.js")%>"></script>
        <script src="<%: Url.Content("~/Scripts/usuario/usuario.js")%>"></script>
    </body>
</html>

div usuariosGrid 使用以下函数填充远程数据：

$(function () {
    var ds = new kendo.data.DataSource({
        transport: {
            read: {
                url: "http://127.0.0.1:81/SismosService.svc/usuario/index",
                dataType: "json"
            }
        },
        schema: {
            data: "Response"
        },
    });
    $("#usuariosGrid").kendoGrid({
        columns: ["UsuarioId", "Nombre", "ApellidoP", "ApellidoM"],
        dataSource: ds
    });
});

这将创建一个网格，其中包含函数中指定的列。现在我想做的是为插入的每一行添加一个带有两个超链接的列，一个将我重定向到编辑页面，另一个将我重定向到删除页面。

我怎样才能做到这一点？我一直在寻找示例，但无法找到与我想要实现的目标相似的任何东西。任何帮助将不胜感激。

4

1 回答 1

4

基本上，您必须columns在kendoGrid. 这个新单元格将包含链接（甚至一些按钮）。

为此，您可能会对使用columns.template可以将 HTML 与可变数据合并的字段感兴趣，例如，您编辑或删除的行中的数据。

您可以通过执行以下操作来定义自定义操作，而不是链接：

columns : [
    ...
    { command: { text: "Edit", click: editRecord }, title: " ", width: "140px" }
]

并且您可以做任何您想做的事情（请参阅此处editRecord的 KendoUI 示例）。

于 2013-01-16T21:31:18.003 回答