[英]Kendo UI TreeList Popup Dropdownlist
I have implemented a TreeList
as per bellow. 我已经按照下面的方法实现了
TreeList
。
@(Html.Kendo().TreeList<Example.UI.ViewModel.Item>()
.Name("ExampleItems")
.Toolbar(toolbar => toolbar.Create())
.Columns(columns =>
{
columns.Add().Field(p => p.Name);
columns.Add().Field(p => p.Label);
columns.Add().Field(p => p.Type);
columns.Add().Field(p => p.InputType);
columns.Add().Command(command => { command.Edit(); command.Destroy(); });
})
.Editable(e => e.Mode("popup"))
.DataSource(dataSource => dataSource
.Create(create => create.Action("Create", "Test"))
.Read(read => read.Action("Read", "Test"))
.Update(update => update.Action("Update", "Test"))
.Destroy(delete => delete.Action("Destroy", "Test"))
.Model(m =>
{
m.Id(f => f.Id);
m.ParentId(f => f.Parent.Id);
m.Expanded(true);
m.Field(f => f.Name);
m.Field(f => f.Label);
m.Field(f => f.Type);
m.Field(f => f.InputType);
})
)
.Height(540)
)
When I add new items, I get a nice popup box. 当我添加新项目时,我会看到一个漂亮的弹出框。 However in that popup box I need to enter the
Id
of the parent item. 但是,在该弹出框中,我需要输入父项的
Id
。 I can not find any way to make that Textbox
a DropdownList
. 我找不到使
Textbox
成为DropdownList
任何方法。
Can anyone help with this? 有人能帮忙吗? Obviously I don't want those items to appear in the
TreeList
as it is automatically arranged based on its parent. 显然,我不希望这些项目出现在
TreeList
因为它是根据其父项自动排列的。
Solved: 解决了:
Change: 更改:
.Editable(e => e.Mode("popup"))
To: 至:
.Editable(e => e.Mode("popup").TemplateName("TreeListPopupEdit"))
Then create an EditorTemplate
然后创建一个
EditorTemplate
@model Example.UI.ViewModel.Item
@Html.HiddenFor(model => model.Id)
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Label)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Label)
@Html.ValidationMessageFor(model => model.Label)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Type)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Type)
@Html.ValidationMessageFor(model => model.Type)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.InputType)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.InputType)
@Html.ValidationMessageFor(model => model.InputType)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.ParentId)
</div>
<div class="editor-field">
@(Html.Kendo().DropDownListFor(model => model.ParentId)
.DataTextField("Name")
.DataValueField("Id")
.OptionLabel("Select (Optional)")
.DataSource(dataSource => dataSource
.Read(read => read.Action("GetParents", "Test"))
)
)
@Html.ValidationMessageFor(model => model.ParentId)
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.