使用jQuery更新Kendo下拉列表值会导致未定义的元素和空字符串值

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

我的MVC视图中有三个kendo下拉列表。它们的值设置为定义的枚举。下拉列表正确显示值,如果我单独选择每个值,我可以更改/更新。但是,我有一个按钮,用于将所有3个下拉列表值更新为“All”调用'setToAll',它调用jQuery函数,按名称(id)设置每个下拉列表的值

这些是我的枚举:

public enum FilterEmailSignOffStatus
        {
            All = -1,
            NotSent = 0,
            Sent = 1

        }

        public enum FilterPdfSignOffStatus
        {
            All = -1,
            NotYetPrinted = 0,
            Printed = 1
        }

        public enum FilterCorrectionStatus
        {
            All = -1,
            NotCorrected = 0,
            Corrected = 1,
            Reprinted = 2
        }

这是我的观点:

 <div class="col-md-3 ">
                            @(Html.Kendo().DropDownList()
                            .Name("printStatus")
                            .DataValueField("Text")                            
.BindTo(Enum.GetNames(typeof(SignOffSheetController.FilterPdfSignOffStatus)).ToList())

                            )
                        </div>

                        <div class="col-md-3 ">

                            @(Html.Kendo().DropDownList()
                            .Name("correctionStatus")
                            .DataValueField("Text")
.BindTo(Enum.GetNames(typeof(SignOffSheetController.FilterCorrectionStatus)).ToList())
                            )
                        </div>

                        <div class="col-md-3 ">

                            @(Html.Kendo().DropDownList()
                            .Name("emailStatus")
                            .DataValueField("Text")
.BindTo(Enum.GetNames(typeof(SignOffSheetController.FilterEmailSignOffStatus)).ToList())
                            )
                        </div>

                        <div class="col-md-3 ">
                            <button id="setAllStatus" class="btn btn-default">Set to All</button>
                        </div>

这是我的jQuery函数:

$("#setAllStatus").click(function (e) {
        e.preventDefault();

        $("#printStatus").data("kendoDropDownList").value("All");
        $("#correctionStatus").kendoDropDownList().data("kendoDropDownList").value("All");
        $("#emailStatus").kendoDropDownList().data("kendoDropDownList").value("All");


    });

下拉列表应全部更新为“全部”值,但它们会更新为""空字符串。任何人都能够盯着我并告诉我哪里可能出错了?

jquery kendo-ui kendo-asp.net-mvc kendo-dropdown
1个回答
1
投票

管理修复并使按钮工作。我删除了每个下拉列表中的.DataValueField(“Text”)属性,它们现在都正确更新。

奇怪的是,这曾经用于以前版本的剑道。在我们更新到更新的版本(2018.2.516)之后,出现了这个问题。我的想法是DropDownLists用“All”更新,但后来尝试获取.DataValueField并失败,从而变得未定义“”

@(Html.Kendo().DropDownList()
  .Name("printStatus")
//.DataValueField("Text")   --- **Removed this parameter**

  .BindTo(Enum.GetNames(typeof(SignOffSheetController.FilterPdfSignOffStatus)).ToList())

                            )
© www.soinside.com 2019 - 2024. All rights reserved.