Telerik UI DropDownList不会自动选择项目

问题描述 投票:0回答:1

我正在使用'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,但是当页面完成加载时,它仍然表示需要选择一个项目。

c# asp.net-core telerik dropdown
1个回答
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);
               }
            });

},
© www.soinside.com 2019 - 2024. All rights reserved.