Kendo-下拉搜索功能

时间:2014-12-22 07:55:50

标签: javascript kendo-ui kendo-dropdown

我在我的应用程序中使用了Kendo-Drop Down框,我想在此下拉框中添加可搜索功能,但它无法正常工作..所以请任何budy帮助我..

@(Html.Kendo().DropDownList()
    .Name("PCODE")
    .OptionLabel("--Select--")
    .HtmlAttributes(new { style = "width:100%;" })
    .DataTextField("PCODE")
    .DataValueField("EmpId")
    .HtmlAttributes(new { @class = "kendo-Drop-PCode" })
    .Filter("contain")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetEmployeeList", "Common");
        })
        .ServerFiltering(true);
    }
    )
)

1 个答案:

答案 0 :(得分:1)

我接受了几件事:

1).Filter需要说.Filter("包含")而不是Filter("包含")

2)如果您打算进行服务器过滤,则需要将输入文本的值发送回服务器,然后将其作为请求的一部分进行处理,例如:

 source.Read(read =>
        {
            read.Action("GetEmployeeList", "Common").Data("GetFilterValue")
        })


function GetFilterValue()
{
    return {filterValue: $("#PCODE").data("kendoDropDownList").filterInput.val() };
}

在您的控制器中,然后修改签名以接受输入值:

public JsonResult GetEmployeeList(string filterValue = "") 
{
     do something in here....
}