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
    });
});

これにより、関数で指定された列を持つグリッドが作成されます。今、私がやりたいのは、挿入されたすべての行に対して、2つのハイパーリンクを持つ列を追加することです。1つは編集ページにリダイレクトし、もう1つは削除ページにリダイレクトします。

これどうやってするの？私は例を探しましたが、私が達成しようとしていることに似たものを見つけることができませんでした。どんな助けでもありがたいです。

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 に答える