jquery - 剑道下拉列表不默认为原始图表外观

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 的模型属性，可以使用 BindTo。Items 需要 Action 参数，如果您想在下拉列表中对 Items 进行硬编码，这很好。

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

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

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