【问题标题】:Set model value in kendo dropdownlist to set selected data在剑道下拉列表中设置模型值以设置所选数据
【发布时间】:2016-07-07 08:21:36
【问题描述】:

我正在使用带有 Framework 4.0 ASP.NET MVC 的 Visual Studio 2013。

我使用过 Kendo ASP.NEt MVC UI 下拉列表。

我的问题是我已经在其中设置了下拉列表数据并且运行良好现在我想从下拉列表中选择选项到模型值:

示例:

 @(Html.Kendo().DropDownList()
                        .Name("ddlaccounts")
                        .DataTextField("AccountName")
                        .DataValueField("Id")
                        .SelectedIndex(0)
                        .DataSource(source =>
                            {
                                source.Read(read =>
                                {
                                    read.Action("GetAccList", "Protocol");
                                });
                            })
                    )

我有模型类:

public class AccountViewModel
        {
            public string AccountName { get; set; }
}

这里我想在 AccountViewModel 的 AccountName 属性中设置选定的选项,所以有没有可以在下拉列表声明中设置的方法或功能!

请有人帮我解决这个问题,在此先感谢。

【问题讨论】:

    标签: jquery kendo-ui model telerik-mvc kendo-dropdown


    【解决方案1】:

    绑定期间

    @(Html.Kendo().DropDownList()
        .Name("ddlaccounts")
        .DataTextField("AccountName")
        .DataValueField("Id")
        .SelectedIndex(0)
        .DataSource(source =>
            {
                source.Read(read =>
                {
                    read.Action("GetAccList", "Protocol");
                });
            })
        .Value(@(if(Model!=null)?Model.AccountName:""))
    )
    

    绑定后

    <script type="text/javascript">
    function setDropDownValue(dropDownElement,dropDownValue){
        var dropDown= $(dropDownElement).data("kendoDropDownList");
        dropDown.value(dropDownValue);
        //OR $(dropDownElement).val(dropDownValue);
    }
    
    $(document).ready(function () {
        setDropDownValue("#ddlaccounts","Some Value");
    });
    </script>
    

    【讨论】:

    • 我已经尝试过,但给了我一个错误“对象引用未设置为对象的实例”,我也无法设置该值,因为下拉列表值动态出现。
    • 更新了绑定后设置值的方法。
    • 谢谢,我会试试的
    猜你喜欢
    • 2016-03-13
    • 2013-05-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多