0

MVC3 プロジェクトで Kendo UI Hierarchy Grid を使用していました。階層は約 2 レベルです。詳細を追加するために、独自のカスタム アクションリンクを使用して第 2 レベルの階層をカスタマイズする必要があります。

実行の流れは単純なものです。Kendo Grid にはデフォルトのレコードが入力されます。ユーザーがいずれかのレコードの内部詳細を表示することを選択している場合、新しいレコードを追加するためのアクションリンクを含む別の階層グリッドを表示する必要があります。

これが私の子グリッドコードです:

<script id="pordersTemplate" type="text/kendo-tmpl">

@Html.ActionLink("Create PoDetails", "Create", "PoDetails", new { id = "#=Id#" }, null)   
 // Here i need to get the current selected ID to use it on the create page.

    @(Html.Kendo().Grid<Models>()
        .Name("PoDetails_#=Id#")
        .Columns(columns =>
        {

            columns.Bound(o => o.Copies).Width(140).ClientTemplate(Html.ActionLink("\\#=Copies\\#", "Edit", "PoDetails", new { Id = "id" }, null).ToHtmlString().Replace("id", "\\#=Id\\#"));
            columns.Bound(o => o.Title).Width(150);
            columns.Bound(o => o.UnitPrice).Width(200);
            columns.Bound(o => o.Account).Width(200);
            columns.Bound(o => o.Status).Width(200);
            columns.Command(command => command.Destroy()).Width(110).Title("Action");
        })

        .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("HierarchyBinding_PoDetails", "Porders", new { PoId = "#=Id#" }))
        .Batch(false)
        .ServerOperation(true)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.Id))
        .Destroy("Delete", "PoDetails")
        )
        .Pageable()
        .Sortable()
        .Groupable()
        .Filterable()
        .ToClientTemplate()
)

このアクションリンクをグリッドに追加するための提案を教えてください。

ありがとう、

4

1 に答える 1

1

ツールバーを使ってみませんか：

@(Html.Kendo().Grid<Models>()
    .Name("PoDetails_#=Id#")
    .Columns(columns =>
    {

        columns.Bound(o => o.Copies).Width(140).ClientTemplate(Html.ActionLink("\\#=Copies\\#", "Edit", "PoDetails", new { Id = "id" }, null).ToHtmlString().Replace("id", "\\#=Id\\#"));
        columns.Bound(o => o.Title).Width(150);
        columns.Bound(o => o.UnitPrice).Width(200);
        columns.Bound(o => o.Account).Width(200);
        columns.Bound(o => o.Status).Width(200);
        columns.Command(command => command.Destroy()).Width(110).Title("Action");
    })

    .ToolBar(t => t.Create().Text("Create PoDetails")) // <-- add here the toolbar

    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("HierarchyBinding_PoDetails", "Porders", new { PoId = "#=Id#" }))

        // and here map the create event with your custom action
        .Create(c => c.Action("Create", "PoDetails", new { id = "#=Id#" }))

        .Batch(false)
        .ServerOperation(true)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.Id))
        .Destroy("Delete", "PoDetails")
    )
    .Pageable()
    .Sortable()
    .Groupable()
    .Filterable()
    .ToClientTemplate()
)
于 2012-10-04T13:05:34.343 に答える