【问题标题】:use autocomplete and drop-down together一起使用自动完成和下拉
【发布时间】: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


【解决方案1】:

解决方法如下

 $("#_FeeScheme_Input").kendoComboBox({
        minLength: 1,
        filter: 'contains',
        dataTextField: "FeeSchemeDescription",
        dataValueField: "FeeSchemeID",
        dataSource: {
            type: "json",
            serverFiltering: false,
            transport: {
                read: "/Qualification/GetAllFeeScheme_JSON"
            },
        }
    });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多