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

这里是一个预览的下拉列表，我们有我们的图表小部件与剑道。当您单击图表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" })

外观：
@（Html.Kendo（）.DropDownList（））
.Name（uniqueWidgetID+“-SummaryChartType”）
.BindTo（Model.WidgetSubType）；
.项目（项目=>
{
items.Add（）.文本（“区域”）.值（“区域”）；
items.Add（）.Text（“Bar”）.Value（“Bar”）；
items.Add（）.Text（“甜甜圈”）.Value（“甜甜圈”）；
items.Add（）.Text（“Column”）.Value（“Column”）；
items.Add（）.文本（“行”）.值（“行”）；
items.Add（）.Text（“Pie”）.Value（“Pie”）；
})
.HtmlAttributes（新的{@class=“width80”}）

我认为同时使用BindTo和Items是行不通的。 BindTo和Items正在执行与填充下拉列表相同的操作。您必须选择首选的方法。如果要绑定IEnumerable的模型属性，可以使用BindTo。Items需要操作参数，如果要在下拉列表中硬编码项，则可以使用该参数

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

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

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