在选择kendo下拉列表时填充kendo gridview

Question

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

方面 用户

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

您是否尝试过kendo UI下拉列表事件

http://demos.kendoui.com/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
                    });