kendo-ui - 在选择剑道下拉列表时填充剑道网格视图

Question

如何将 Kendo 下拉列表的选定值作为参数传递给使用 .net mvc 4 填充 Kendo gridview 的函数（Action）？

尊重用户

Answer 1

读取网格的方法

.Read(read => read.Action("GetAllMessage", "Account").Data("getMsgType")).PageSize(10)  

这是将读取下拉列表值的函数；

    function getMsgType()
{
    return {
        SpecialityIn: $("#MsgType").val()
    };
}  

$("#MsgType") 将是您的 dropdownListId

下拉菜单的handel更改事件为

 @(Html.Kendo().DropDownListFor(m => m.MsgType)
                .Events(events=>events.Change("OnMsgTypeChange"))
                        .Name("MsgType")
                        .HtmlAttributes(new { style = "width:200px;font-size:12px;margin-top:6px;" })
                        .DataTextField("Description")
                        .DataValueField("MsgType")
                        .DataSource(source => { source.Read(read => { read.Action("readMsgType", "Account") })})
                        .OptionLabel("Select")
                        .Enable(false)
                        .AutoBind(true)

                )

在网格的 onChageEevent 上绑定网格为

 function OnMsgTypeChange() {
    $("#GridMsgList").data("kendoGrid").dataSource.read();
} 

Answer 2

你试过剑道 UI 下拉列表事件吗

http://demos.kendoui.c​​om/web/dropdownlist/events.html

 function onSelect(e) {
                        if ("kendoConsole" in window) {
                            var dataItem = this.dataItem(e.item.index());
                            kendoConsole.log("event :: select (" + dataItem.text + " : " + dataItem.value + ")" );
                        }
                    };

 $("#dropdownlist").kendoDropDownList({
                        dataTextField: "text",
                        dataValueField: "value",
                        dataSource: data,
                        select: onSelect
                    });