Question

这是我们使用Kendo获取图表小部件的下拉列表的预览。当您单击图表ex：donut时，下拉列表不会默认为与原始图表相同的外观。此图表是一个甜甜圈，但下拉默认为区域图表。我添加了一个BindTo，但它不起作用。有什么想法吗？

<td class="inputlabel">Appearance:</td>
                        <td class="inputfield">
                            @(Html.Kendo().DropDownList()
                            .Name(uniqueWidgetID + "-SummaryChartType")
                            .BindTo(Model.WidgetSubType);
                            .Items(items =>
                        {
                               items.Add().Text("Area").Value("area");
                               items.Add().Text("Bar").Value("bar");
                               items.Add().Text("Donut").Value("donut");
                               items.Add().Text("Column").Value("column");
                               items.Add().Text("Line").Value("line");
                               items.Add().Text("Pie").Value("pie");
                           })
                           .HtmlAttributes(new { @class = "width80" })

Answer 1

我不认为同时使用BindTo和Items会起作用。 BindTo和Items正在做同样的事情，他们正在填充下拉列表。您必须选择适合您的方法。如果要绑定IEnumerable的Model属性，可以使用BindTo。项目需要Action参数，如果您想在下拉列表中对项目进行硬编码，则该参数很好。

从小部件中删除BindTo，在HtmlAttributes中添加Id

例如，当用户单击某个图表时会触发一个javascript函数

function ChartClicked(chartType)
{
    var dropdownlist = $("#"+ 'dropdownlist name').data("kendoDropDownList");
    dropdownlist.value(chartType);
}

Kendo下拉列表不会默认为原始图表外观

1 个答案: