Question

五月页面中有Kendo MVC DropdownTree。我已成功将所选的值保存到数据库中。当我来编辑数据时，该值会从模型中正确返回并在DropdownTree中进行设置，但是，在下拉树中看不到任何项被选中。

当我尝试通过单击按钮读取下拉树的值时，它会正确返回该值。

@(Html.Kendo().DropDownTree()
                .Name("VocationID")
                .DataTextField("Name")
                .DataValueField("Id")
                .ValuePrimitive(true)
                .Placeholder("--Select Vocation--")                            
                .Value(Model.VocationID.ToString())
                .DataSource(dataSource => dataSource
                    .Read(read => read
                    .Action("GetVocationTree", "ApplicationForm"))
                )
                .HtmlAttributes(new { style = "width: 250px;", required = "required", validationMessage = "Vocation is required" })
             )

function TestValue() {
        var dropdowntree = $("#VocationID").data("kendoDropDownTree");
        alert(dropdowntree.value());
}

上面的javascript警报正确返回了值，但没有显示DropdownTree中选定的项目。我还尝试了删除ValuePrimitive属性，但没有任何效果。

有人可以帮忙找出这里缺少什么吗？

Answer 1

终于找到了解决此问题的方法。如果有一天对某人有帮助，则将其发布。

此控件的行为略有不同。您可以将所选项目作为ID读取，但需要设置其文本而不是ID才能设置所选项目。

获取商品价值：

            var dropdowntree = $("#VocationID").data("kendoDropDownTree");
            var VocationID = dropdowntree.value().id;

并设置默认值：

            @(Html.Kendo().DropDownTree()
                            .Name("VocationID")
                            .DataTextField("Name")
                            .DataValueField("Id")
                            .Placeholder("--Select Vocation--")
                            .Value(Model.VocationName)

注意“ VocationName”而不是ID。

Kendo MVC DropdownTree不显示所选值

1 个答案: