【问题标题】:How can I bind data to Kendo DropDown List in Kendo grid client template?如何将数据绑定到剑道网格客户端模板中的剑道下拉列表?
【发布时间】:2018-01-16 07:56:08
【问题描述】:

我在带有客户端模板列的剑道网格中有一个下拉列表。我想绑定模型中传递给视图的数据,但每个剑道网格行的数据都不同。我不知道执行此操作的正确语法。 AvailableValues 是具有 value 属性的对象列表。该值是我想用来填充我的下拉列表的值。

columns.Bound(c => c.Value).ClientTemplate(
                    Html.Kendo().DropDownList()
                        .Name("valueDrop_#=Name")
                        .DataTextField("Value")
                        .DataValueField("Value")
                        .OptionLabel("PleaseChoose")
                        .HtmlAttributes(new { @class = "wide-full bodyTypeDrop" })
                        .BindTo(AvailableValues)//syntax???
                        .ToClientTemplate().ToHtmlString()
                    );

如果不为每个下拉列表定义 ajax 读取函数,是否有任何解决方案?

【问题讨论】:

    标签: javascript c# jquery asp.net-mvc kendo-ui


    【解决方案1】:

    我实际上在我的一个项目中不得不这样做。

    在页面顶部:

    List<YourModel> AvailableValues = YourModel.Read();
    

    然后在网格中:

    columns.Bound(c => c.Value).ClientTemplate(
                                    Html.Kendo().DropDownList()
                                        .Name("valueDrop_#=Name#")
                                        .DataTextField("Value")
                                        .DataValueField("Value")
                                        .OptionLabel("PleaseChoose")
                                        .Value("#= LocalModelValue #")
                                        .BindTo(AvailableValues)
                                        .HtmlAttributes(new { @class = "wide-full bodyTypeDrop" }).ToClientTemplate().ToHtmlString()
                                    );
    

    .Value("#= LocalModelValue #") 代表对象的本地值。例如。如果当前行的 LocalModelValue 为 5,则下拉菜单将选择第 5 个值。

    希望这会有所帮助!

    【讨论】:

    • Thnaks Schalk,但我的问题是 AvailableValues 与每个网格行不同。我必须为每一行访问特定的 AvailabelValues,但我不知道如何
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-14
    相关资源
    最近更新 更多