【发布时间】:2014-02-19 22:49:18
【问题描述】:
我在 Kendo UI 中使用 JSON 数据源使用 ASP.NET MVC-5 应用程序的自动完成...工作正常,现在我想要下拉菜单以及自动完成,所以当用户输入值,程序开始过滤数据,但用户也可以下拉并从列表中选择.....
控制器
public ActionResult GetAllFeeScheme_JSON()
{
var allFeeScheme = FeeScheme_UOF.GetAllFeeScheme().ToList();
return Json(allFeeScheme, JsonRequestBehavior.AllowGet);
}
部分视图
<div class="form-group">
@Html.LabelFor(model => model._FeeScheme.FeeSchemeDescription, new { @class = "control-label col-md-3" })
<div class="col-md-6">
@Html.TextBoxFor(model => model._FeeScheme.FeeSchemeDescription, new { id = "_FeeScheme_Input" })
@Html.ValidationMessageFor(model => model._FeeScheme.FeeSchemeDescription)
</div>
</div>
脚本
<script type="text/javascript">
$(document).ready(function () {
$("#_FeeScheme_Input").kendoAutoComplete({
minLength: 2,
filter: 'contains',
dataTextField: "FeeSchemeDescription",
dataSource: {
type: "json",
serverFiltering: false,
transport: {
read: "/Qualification/GetAllFeeScheme_JSON"
},
}
});
});
</script>
非常感谢
【问题讨论】:
-
您是否正在寻找使用自动完成功能的级联下拉效果?如果是这样,我得到你了
-
或者您是否愿意使用自动完成功能来过滤来自同一数据源的数据,然后在下拉列表中显示较少的值,但是当只选择一个或一个值时,选择过程完成另一个?
标签: jquery asp.net-mvc autocomplete kendo-ui