Question

我正在使用“ Telerik UI for ASP.NET Core” DropDownList。数据源正在请求SelectItems的列表，其中一个项目在Selected上具有true值。我的猜测是正确的行为是应自动选择该项目，但事实并非如此。

下拉列表：

                @(Html.Kendo().DropDownList()
                            .Name("CategoryId")
                            .DataSource(ds => ds.Read(read => read.Action("GetQuestionCategories", "Questions").Data("getParentCategoryId")).ServerFiltering(true))
                            .DataValueField("Value")
                            .DataTextField("Text")
                            .Events(events => events.Change("reloadLearningObjectives"))
                            .HtmlAttributes(new { @class = "form-control wide-full" })
                )

所请求的json文本： [{"Disabled":false,"Group":null,"Selected":false,"Text":"Algemeen","Value":"62357618-ac53-4092-86d1-6c583b286bbe"},{"Disabled":false,"Group":null,"Selected":false,"Text":"Ballonvaren","Value":"9489c310-7549-45c7-a518-43f8016b2c3b"},{"Disabled":false,"Group":null,"Selected":false,"Text":"Paramotor","Value":"78d1a658-93f1-4eca-8b75-ad4bd4d33ef1"},{"Disabled":false,"Group":null,"Selected":false,"Text":"Part 66","Value":"b7b5845a-e2e0-45be-ad55-002180f8360b"},{"Disabled":false,"Group":null,"Selected":false,"Text":"ROC-Light","Value":"84ddea95-bda6-46b3-9660-2383d46033a0"},{"Disabled":false,"Group":null,"Selected":true,"Text":"Zweefvliegen","Value":"7367e8ff-d4a6-4766-b6b8-59f24f6e7b08"}]

如您所见，最后一个项目在true中被“选中”，但是在页面加载完成后，它仍然表明需要选择一个项目。

Answer 1

您可以使用dataBound事件，并使用value（）方法（参考代码示例）在其中设置小部件的值：

https://www.telerik.com/forums/dropdownlist-mvc---set-default-value-at-runtime#BV2tUQaLKkaPPOq5WaA9FQ

因此，您可以尝试修改上述代码示例以满足您的要求：

dataBound: function(e) {
  // handle the event
 $.each(e.sender.dataSource._data, function (key, value) {
               if(value.Selected==true){
               e.sender.value(value.Value);
               }
            });

},

Telerik UI DropDownList不会自动选择项目

1 个答案: