ASP.NETMVC应用中x-editable文本字段中自动完成的问题。
创始人
2024-09-19 08:00:42
0
  1. 在应用程序的 View 文件夹中创建一个名为“Autocomplete.cshtml”的新 Razor 视图文件。
  2. 使用以下代码将 Autocomplete.cshtml 视图文件与自己的 JavaScript 和 CSS 资源相关联。
@section scripts {
     
     
}

  1. 在需要 Autocomplete 的 x-editable 字段处,添加以下代码:
Empty

注意:在此代码中,data-autocomplete-url 属性指定 Autocomplete URL 的位置。

  1. 创建 Autocomplete 控制器,作为数据源的处理程序。 Autocomplete 控制器定义如下:
public class AutocompleteController : Controller
{
     public JsonResult GetData(string q)
     {
          var data = new List {"apple", "banana", "orange", "pear"};
          var result = data.Where(x => x.StartsWith(q)).ToList();
          return Json(result, JsonRequestBehavior.AllowGet);
     }
}

上面代码,当用户在输入字段中输入一些字符时,它将调用一个名为 GetData 的方法。GetData 方法根据以所输入的字符开头的项目返回一个字符串列表,并将其转换为 JSON 对象返回给 Autocomplete 脚本。

  1. 创建 autocomplete.js 文件,并按照以下示例代码进行配置:

(function ($) {
     $.fn.autocomplete = function (options) {
          var url = options.url;
          $(this).typeahead({
               source: function (query, process) {
                    $.get(url, { q: query }, function (data) {
                         return process(data);
                    });
               }
          });
     };
})(window.jQuery);
  1. 在创建 Autocomplete 控制器之后,添加以下代码以在 Autocomplete 控制器中返回 JSON 数据:
return Json(result, JsonRequestBehavior.AllowGet);
  1. 在应用程序的布局文件中,将 autocomplete.js 和 autocomplete

相关内容

热门资讯

透视实锤!哈糖大菠萝可以开挂吗... 透视实锤!哈糖大菠萝可以开挂吗,xpoker透视辅助,2025版教程(有挂黑科技)1、该软件可以轻松...
透视好友!wepoker挂,原... 透视好友!wepoker挂,原来有挂(透视)揭秘教程(有挂解说);亲,关键说明,wepoker挂赛季...
透视中牌率!哈糖大菠萝攻略,s... 透视中牌率!哈糖大菠萝攻略,sohoo竞技联盟辅助器,wepoke教程(有挂教程)暗藏猫腻,小编详细...
透视智能ai!wepoker究... 透视智能ai!wepoker究竟有没有透视,总是是有挂(透视)必备教程(有挂介绍);1、玩家可以在w...
透视攻略!pokernow辅助... 透视攻略!pokernow辅助工具,pokermaster破解版,2025新版(有挂规律);1、po...
透视好友房!wepoker怎么... 透视好友房!wepoker怎么开辅助,本来是有挂(透视)2025新版教程(有挂工具)1、下载好wep...
透视黑科技!拱趴大菠萝怎么开挂... 透视黑科技!拱趴大菠萝怎么开挂,impoker辅助,必备教程(有挂辅助);拱趴大菠萝怎么开挂辅助器中...
透视插件!werplan怎么透... 透视插件!werplan怎么透视,好像存在有挂(透视)透牌教程(有挂细节)1、下载好werplan怎...
透视了解!智星德州插件最新版本... 透视了解!智星德州插件最新版本更新内容详解,哈糖大菠萝助手,必赢方法(有挂插件)1、进入游戏-大厅左...
透视计算!hhpoker到底可... 透视计算!hhpoker到底可以作弊码,先前存在有挂(透视)细节方法(有挂解说)1、实时hhpoke...