0

PanelBar私は現在 2 つのパネルを持っている剣道を持っています。第 1 パネルでは剣道TreeViewを行い、第 2 パネルでは複数の剣道を行っていAutoCompleteます。ここで、それぞれの上にラベルを挿入AutoCompleteして情報を表示し、ボタンを挿入してAutoCompletes のコンテンツに対してアクションを実行する必要があります。そのための HTML を書く場所が見つかりません。

PanelBar をレンダリングするための .cshtml コードを次に示します。

@{Html.Kendo().PanelBar()
      .Name("PanelBar")
      .ExpandMode(PanelBarExpandMode.Single)
      .Items(item =>
           {
               item.Add()
                   .Text("My Cloud")
                   .Content(() =>
                   {
                       Html.Kendo().TreeView()
    .Name("serverTree")
    .DragAndDrop(false)
    .ExpandAll(true)
    .Events(events => events
               .Select("onSelect")
     )

    .BindTo(Model as System.Collections.IEnumerable, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
    {
       ...

//removed for brevity
       ...
    }).Render();
                   });


               item.Add()
                   .Text("Search")
                   .Content(() =>
                   {
//this is where I need to insert a label

                       Html.Kendo().AutoComplete()
          .Name("Category")
          .Filter("startswith")
          .Placeholder("Enter Category...")
          .BindTo(new string[] {
                "Albania",
                "Andorra",
                "Armenia",
                "Austria",
                "Azerbaijan",
                "Belarus",
                "Belgium",
                "Bosnia & Herzegovina",
                "Bulgaria"
          })

          .Separator(", ").Render();
//another label
                       Html.Kendo().AutoComplete()
         .Name("SubCategory")
         .Filter("startswith")
         .Placeholder("Enter SubCategory...")
         .BindTo(new string[] {
                "Albania",
                "Andorra",
                "Armenia",
                "Austria",
                "Azerbaijan",
                "Belarus",
                "Belgium",
                "Bosnia & Herzegovina",
                "Bulgaria"
          })

         .Separator(", ").Render();

         //another label

        Html.Kendo().AutoComplete()
        .Name("Keywords")
        .Filter("startswith")
        .Placeholder("Enter keywords...")
        .BindTo(new string[] {
                "Albania",
                "Andorra",
                "Armenia",
                "Austria",
                "Azerbaijan",
                "Belarus",
                "Belgium",
                "Bosnia & Herzegovina",
                "Bulgaria"
          })

        .Separator(", ").Render();

//And finally the button                  

 });


           })
           .Render();
}
4

1 に答える 1

4

私はAjaxコンテンツローダーでこれを行いました:

http://demos.kendoui.c​​om/web/panelbar/ajax.html

部分ビューで表示したい html を作成し、剣道の ajax で呼び出しました。

@(
    Html.Kendo().PanelBar()
        .Name("panelbar")
        .ExpandMode(PanelBarExpandMode.Single)
        .Items(panelbar =>
            panelbar
                .Add()
                .Text("BODY")
                .LoadContentFrom(Url.Content("somepartialviewURL")))
)

プルする部分ビューには、KendoUI オートコンプリートとその前のラベルが html に含まれている可能性があります。

于 2013-06-24T21:49:54.447 に答える