我正在尝试在kendo网格中添加一个DropDown,但它会显示一个TextBox
@(Html.Kendo().Grid((IEnumerable<Doc.Web.Models.Vendor.DocumentsDetails>)Model.documents_lst)
.Name("grid").Scrollable()
.Columns(columns =>
{
columns.Bound(o => o.DocumentRevisionID).Visible(false);
columns.Bound(o => o.Documentnumber).Title("Document #").Width(150);
columns.Bound(o => o.Revision).Title("Revision").Width(80);
columns.Bound(o => o.RevisionDate).Format("{0:dd/MM/yyyy}").Title("Rev Date").Width(85);
columns.Bound(o => o.RevisionStatus).Title("Revision</br> Status").Width(100);
columns.Bound(s => s.DocNumberPurpose).ClientTemplate((@Html.Kendo().DropDownList()
.BindTo((System.Collections.IEnumerable)ViewData["Purpose"])
.Name("DocNumberPurpose")
.DataTextField("Text")
.DataValueField("Value")
.ToClientTemplate()).ToHtmlString());
})
.DataSource(dataSource => dataSource
.Ajax()
.Model(model => model.Id(o => o.DocumentRevisionID))
.Model(model=>model.Field(o=>o.DocNumberPurpose).Editable(false))
)
.Events(ev=>ev.DataBound("onGridDataBound"))
.Pageable()
.Sortable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.DocumentRevisionID))
.Read(read => read.Action("EditingInline_Read", "DesignCoverSheet").Data("additionalInfo"))
)
)
<script>
function onGridDataBound(e) {
$('#grid script').appendTo(document.body);
}
</script>
答案 0 :(得分:3)
你实际上非常接近:
columns.Bound(property => property.neatProperty).Width(38).EditorTemplateName("neatPropertyDropDownList").Title("NeatProperty")
然后在一个名为“neatPropertyDropDownList.cshtml”的单独视图中
@using System.Collections;
@(Html.Kendo().DropDownList()
.Name("NeatProperty")
.DataTextField("Value")
.DataValueField("Text")
.BindTo("don't forget to bind!")
)
答案 1 :(得分:1)
检查this article以获取您正在尝试做什么的详细示例,特别是在第3步中
第3步 - 嵌入Kendo下拉列表
基本上你可以用以下方式做到这一点:
在Kendo网格中,模型的属性外键必须链接到接受模板名称的EditorTemplateName。举个例子:
columns.Bound(e => e.CompanyId).EditorTemplateName("CompaniesList").Title("Company").ClientTemplate("#:CompanyName#");
上例中的模板名称为&#34; CompaniesList&#34;这将是EditorTemplates文件夹中的cshtml视图文件。
根据上述文章:
EditorTemplateName指定网格,当处于“创建”或“编辑”模式时,模板应放在名为&#34; CompaniesList&#34;的数据文件中。可以在EditorTemplates目录名称的目录中找到。因此,后续步骤涉及创建名称为&#34; EditorTemplates&#34;的文件夹。并按名称&#34; CompaniesList&#34;在其中放置一个空视图。代码位&#34; ClientTemplate(“#:CompanyName#”)&#34;表示当显示处于视图模式时,(即,不创建或编辑)必须显示CompanyName(在这种情况下,它是&#34; Microsoft&#34;)。完成后,剩下要做的就是创建将在视图中使用的下拉列表。
创建&#34; CompaniesList&#34;编辑器模板文件,您可以在其中定义Kendo下拉列表,如下所示:
@using System.Collections
@model System.Int32
@(Html.Kendo().DropDownList()
.BindTo((IEnumerable)ViewBag.Companies)
.OptionLabel("- Select Company - ")
.DataValueField("Id")
.DataTextField("Name")
.Name("CompanyId")
)
请注意,下拉名称必须与网格中的列属性完全相同,即&#34; CompanyId&#34;
答案 2 :(得分:-1)
您可以查看Kendo Grid ForeignKey Column概念。它可以用作
columns.ForeignKey(p => p.CategoryID, (System.Collections.IEnumerable)ViewData["categories"], "CategoryID", "CategoryName").Title("Category").Width(150);
详情可在http://demos.telerik.com/kendo-ui/web/grid/foreignkeycolumn.html
找到