在kendo下拉列表中设置模型值以设置所选数据

时间:2016-07-07 08:21:36

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

我正在使用Visual Studio 2013和Framework 4.0 ASP.NET MVC。

我使用过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属性中设置选定的选项,以便在dropdownlist声明中设置任何可用的方法或功能!

请事先感谢有人帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

绑定期间

@(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>