PanelBar
私は現在 2 つのパネルを持っている剣道を持っています。第 1 パネルでは剣道TreeView
を行い、第 2 パネルでは複数の剣道を行っていAutoComplete
ます。ここで、それぞれの上にラベルを挿入AutoComplete
して情報を表示し、ボタンを挿入してAutoComplete
s のコンテンツに対してアクションを実行する必要があります。そのための 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();
}