2

以下のコードを確認してください

@model IEnumerable<Polls.Core.domain.Address>

<div class="demo-section">
    <a class="k-button k-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>Add new record</a>
</div>

<script type="text/x-kendo-tmpl" id="template">
    <div class="product-view k-widget">
        <div class="edit-buttons">
            <a class="k-button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span></a>
            <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span></a>
        </div>
        <dl>
            <dt>AddressType</dt>
            <dd>#:AddressType#</dd>

            <dt>Line1</dt>
            <dd>#:Line1#</dd>

            <dt>Line2</dt>
            <dd>#:Line2#</dd>

            <dt>Line3</dt>
            <dd>#:Line3#</dd>

            <dt>City</dt>
            <dd>#:City#</dd>

            <dt>State</dt>
            <dd>#:State#</dd>
        </dl>
    </div>
</script>

<script type="text/x-kendo-tmpl" id="editTemplate">
    <div class="product-view k-widget">
        <div class="edit-buttons">
            <a class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-update"></span>Save</a>
            <a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a>
        </div>
        <dl>
            <dt>AddressType</dt>
            <dd>#:AddressType#</dd>

            <dt>Line1</dt>
            <dd>#:Line1#</dd>

            <dt>Line2</dt>
            <dd>#:Line2#</dd>

            <dt>Line3</dt>
            <dd>#:Line3#</dd>

            <dt>City</dt>
            <dd>#:City#</dd>

            <dt>State</dt>
            <dd>#:State#</dd>
        </dl>
    </div>
</script>

<div class="demo-section">
    @(Html.Kendo().ListView<Polls.Core.domain.Address>(Model)
    .Name("listView")
    .TagName("div")
    .ClientTemplateId("template")
    .Editable(editor => editor.TemplateName("editTemplate"))
    .Pageable()
    .DataSource(dataSource => dataSource
        .Model(model => model.Id("Id"))
        .PageSize(6)
                .Create(create => create.Action("Address_Create", "Test"))
                .Read(read => read.Action("Address_Read", "Test"))
                .Update(update => update.Action("Address_Update", "Test"))
                .Destroy(destroy => destroy.Action("Address_Destroy", "Test"))
    )
    )
</div>

<script>
    $(function () {
        var listView = $("#listView").data("kendoListView");

        $(".k-add-button").click(function (e) {
            listView.add();
            e.preventDefault();
        });
    });
</script>

Edit Template の参照方法を教えてください。現在、編集/新規追加ボタンをクリックすると、モデルで使用可能なすべてのエンティティが表示されます。編集中に選択したフィールドのみを表示したい。

誰かがこの点で助けてください。

4

2 に答える 2

0

Kendo MVC はフォルダーを使用して編集テンプレートを参照します。このフォルダーは View/Shared/EditorTemplates にあります (フォルダーが存在しない場合は、作成してください)。このフォルダー内に、名前で呼び出すすべてのテンプレートを挿入できます。例:

@(Html.Kendo().ListView<temp.Models.YourTable>(Model)
    .Name("listView")
    .TagName("div")
    .ClientTemplateId("template") // here goes the template for data
    .DataSource(dataSource => dataSource
        .Model(m => m.Id("ID"))
        .ServerOperation(false)
        .Read(read => read.Action("ActionRead", "Controller"))
    )
    .Editable(edit => edit.TemplateName("EditTmpl")) // here goes the template name for edit mode 
)

EditTmpl.cshtml => // このテンプレートは、上記で参照したフォルダーに保存する必要があるテンプレートです。

お役に立てれば。

于 2014-11-10T21:44:16.037 に答える