ASP.NET MVC Autocompelete自动完成插件

网友投稿 294 2022-11-21

ASP.NET MVC Autocompelete自动完成插件

1.添加引用 2.初始化定义控件 var model = $("#CEM_MODEL").val(); $("#CEM_MODEL").autocomplete({ minChars: 0, minLength: 0, source: function (request, response) { $.ajax({ //提交数据的类型 POST GET type: "GET", //提交的网址 url: "/SalesManage/SalesEquipmentModel/GetModelSelectJson", //提交的数据 data: { model: model }, cache: false, async: false, //返回数据的格式 datatype: "JSON", success: function (data) { response( $.map($.parseJSON(data), function (item) { return { //lable为下拉列表显示数据源。value为选中放入到文本框的值,这种方式可以自定义显示 lable: item.label, value: item.value }; }) ); } }); } }); 3.C#后台处理方法 [HttpGet] [HandlerAjaxOnly] public ActionResult GetModelSelectJson(string model) { var modelStandards = salesEquipmentModelApp.GetModelList(model); List list = new List(); foreach (var item in modelStandards) { list.Add(new { label = item.sbxh.Trim(), value = item.sbxh.Trim() }); } var data = list.ToJson(); return Content(data); } 4.性能优化 数据表中有几万条数据,一开始直接从数据表中直接把全部加载出来,结果可想而知,网页直接就会卡死了,动弹不得。。 优化方案:将输入框的值动态传参给后台,后台根据模糊查询动态获取前20条数据加载出来,这样加载数据效果就很理想了。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:工业控制中的CAN总线接口模块硬件设计原理解析
下一篇:嵌入式系统知识和接口技术总结
相关文章

 发表评论

暂时没有评论,来抢沙发吧~