剑道下拉 - 模板

时间:2013-01-02 15:10:58

标签: asp.net-mvc razor kendo-ui

我正在尝试使用kendo下拉列表并使用模板方法呈现选项,如图所示http://demos.kendoui.com/web/dropdownlist/template.html(单击ASP.NET MVC> template.cshtml)。为简化问题,我只想尝试显示AccountDescription。

到目前为止,这是我的代码。

CSHTML

    ...        
    <div class="editor-field">
        <script>
            function entityFiltering() {
                return {
                    entityId: $("#EntityId").val()
                };
            }
        </script>

        @(Html.Kendo().DropDownListFor(m => m.AccountNumber)
           .Name("AccountNumber")
           .DataTextField("AccountShortCode")
           .DataValueField("AccountNumber")
            .Template("<table><tr><td width='100px'>${ data.AccountDescription } </td></tr></table>")
           .OptionLabel("Please select...")
           .DataSource(source => source.Read(read => read.Action("ActionName", "ControllerName")
                                                         .Data("entityFiltering"))
                                     .ServerFiltering(true))
           .Enable(false)
           .AutoBind(false)
           .CascadeFrom("EntityId")
              )
        @Html.ValidationMessageFor(m => m.SourceAccountNumber)
    </div>
    ...

模型看起来像

public class Model {

    [Required]
    [Display(Name = "Short Code")]
    public string AccountShortCode { get; set; }

    [Required]
    [Display(Name = "Account Number")]
    [ScaffoldColumn(false)]
    public int AccountNumber { get; set; }

    [Required]
    [Display(Name = "Description")]
    [ScaffoldColumn(false)]
    public string AccountDescription { get; set; }
}

当下拉列表呈现所有选项都在列表中但它们显示undefined如果我选择一个选项,我可以在网格上看到实际正确的值绑定,所以我认为我的问题纯粹是显示问题。

1 个答案:

答案 0 :(得分:3)

几个小时后我就设法对它进行了排序!我将模板中的语法更改为#= data.AccountDescription #,这就完成了!