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

相关内容

热门资讯

透视app“哈糖大菠萝攻略”透... 透视app“哈糖大菠萝攻略”透视辅助机制(果然是真的有挂)1、起透看视 哈糖大菠萝攻略透明视辅助2、...
透视插件!德普之星透视辅助软件... 透视插件!德普之星透视辅助软件是真的吗,(德普之星)真是真的是有挂,微扑克教程(有挂插件);1、德普...
透视游戏“德州透视插件”透视辅... 透视游戏“德州透视插件”透视辅助软件(一贯是真的有挂);1、操作简单,无需注册,只需要使用手机进行登...
透视app!德扑圈有透视吗,德... 透视app!德扑圈有透视吗,德普辅助软件,可靠教程(有挂黑科技);1、在德扑圈有透视吗ai机器人技巧...
透视数据“uupoker透视”... 透视数据“uupoker透视”透视辅助安装(切实有挂)1)uupoker透视辅助挂:进一步探索uup...
透视挂!德普之星app安卓版破... 透视挂!德普之星app安卓版破解版,(德普之星)其实真的有挂,攻略教程(有挂介绍);1、操作简单,无...
透视安卓版“newpoker脚... 透视安卓版“newpoker脚本”透视辅助下载(真是真的有挂);1、金币登录送、破产送、升级送、活动...
透视计算“德州透视脚本”透视辅... 透视计算“德州透视脚本”透视辅助app(果然有挂)1、每一步都需要思考,不同水平的挑战会更加具有挑战...
透视透视!德普之星辅助器怎么用... 透视透视!德普之星辅助器怎么用,德扑圈有透视吗,必赢教程(有挂教程);亲,关键说明,德普之星辅助器怎...
透视有挂“德州辅助工具到底怎么... 透视有挂“德州辅助工具到底怎么样”透视辅助挂(切实有挂)1、金币登录送、破产送、升级送、活动送。详细...