如何在telerik网格中使用dropdownList的客户端模板

时间:2016-12-28 12:21:33

标签: asp.net-mvc telerik-grid

我想在telerik网格中创建一个具有唯一ID的dropdownList。此网格具有内嵌编辑和添加功能。所以,我创建了一个客户端模板,它在视图模式下工作正常。单击网格的内嵌编辑按钮时,该dropdownList将转换为文本框。所以,我想在编辑模式下维护dropdownList。提前谢谢。

以下是我的示例代码:

grid = grid
        .Columns(columns =>
        {
            columns.Bound(customField => customField.FieldNumber)
                   .Filterable(false)
                   .Sortable(false)
                   .IncludeInContextMenu(false)
                   .ReadOnly()
                   .Width("60px");
            // here is my client template code
            var dropdownListType = @"&nbsp; <select id='ddlTypeId_<#=CustomMenuId#>'>"
               + "<option value='" + Utilities.GetLabels("CustomMenu_List") + "'>" + Utilities.GetLabels("CustomMenu_List") + "</option>"
               + "<option value='" + Utilities.GetLabels("CustomMenu_Textbox") + "'>" + Utilities.GetLabels("CustomMenu_Textbox") + "</option>";

            columns.Bound(customField => customField.Type)
                .ClientTemplate(dropdownListType)
                .Width("30%")
                .Title("Type");
        });

1 个答案:

答案 0 :(得分:0)

Telerik有一个网格演示页面。请看这里:http://demos.telerik.com/aspnet-mvc/grid/editing-custom我在下方共享图片处于编辑模式和下拉样式。

enter image description here

您可以将模型的参数直接设置为ClientTemplate方法。看看详细的演示。