下拉框自动完成(autocomplete)带有分页功能SutaraLumpur-jquery.ajaxComboBox.js的使用
2014-02-19 15:10
1046 查看
效果图:
SutaraLumpur-jquery.ajaxComboBox.js简介地址:http://d.hatena.ne.jp/sutara_lumpur/20090124/1232781879
下载地址:https://github.com/SutaraLumpur/jquery.ajaxComboBox.js/zipball/master
html代码:
ps:当前项目使用的时候,修改了网上下载的jquery.ajaxComboBox.7.1.js,
改动位置:69,87行,文件路径,1293 匹配正则,1302自动完成匹配字段,1827行赋值到其它文本框。
SutaraLumpur-jquery.ajaxComboBox.js简介地址:http://d.hatena.ne.jp/sutara_lumpur/20090124/1232781879
下载地址:https://github.com/SutaraLumpur/jquery.ajaxComboBox.js/zipball/master
html代码:
<input type="text" name="txtZdType" id="txtZdType" autocomplete="off" />javascript代码:
<script src="../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script> <link href="../Scripts/acbox/jquery.ajaxComboBox.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/acbox/jquery.ajaxComboBox.7.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //选择入院诊断Ajax自动完成 $('#txtZdType').ajaxComboBox("/WebService/AjaxService.asmx/GetBaicd", { lang: 'en', per_page: 15, field: 'Name', list_field: 'py' }); }); </script>C# WebService代码:
/// <summary> /// 根据传人的参数,分页的诊断数据 /// </summary> /// <param name="page_num">当前页码</param> /// <param name="per_page">每页显示条数</param> [WebMethod] public void GetBaicd(int page_num, int per_page) { //string and_or, string db_table, string[][] order_by, string[][] desc, string[] search_field; HttpRequest Request = HttpContext.Current.Request; string q_word = Request["q_word[]"]; ba_icd10BLL bll = new ba_icd10BLL(); int count = bll.GetCount();//总条数 StringBuilder sb = new StringBuilder(); sb.Append("{\"result\":"); string strWhere = ""; if (!string.IsNullOrWhiteSpace(q_word)) { strWhere = string.Format("where Py like '{0}%' or Name like '{0}%'", q_word); } List<ba_icd10Info> lst = bll.GetPagerList(page_num, per_page, strWhere); if (lst != null && lst.Count > 0) { JavaScriptSerializer jss = new JavaScriptSerializer(); jss.Serialize(lst, sb); } sb.AppendFormat(",\"cnt_whole\":{0}}}", count); //return sb.ToString(); HttpContext.Current.Response.Write(sb.ToString()); HttpContext.Current.Response.End(); }
ps:当前项目使用的时候,修改了网上下载的jquery.ajaxComboBox.7.1.js,
改动位置:69,87行,文件路径,1293 匹配正则,1302自动完成匹配字段,1827行赋值到其它文本框。
相关文章推荐
- 下拉框自动完成(autocomplete)带有分页功能SutaraLumpur-jquery.ajaxComboBox.js的使用
- asp.net ajax 使用AutoCompleteExtender开发自动完成功能
- asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)
- asp.net ajax 使用AutoCompleteExtender开发自动完成功能
- JQuery之autocomplete结合ajax实现自动完成功能
- asp.net ajax 使用AutoCompleteExtender开发自动完成功能(转载)
- 使用jQuery Autocomplete(自动完成)插件,结合ajax实现搜索框匹配
- 【表单提示建议/自动完成功能】jquery autocomplete插件的使用及其改进
- .net 使用jQuery Autocomplete(自动完成)插件结合ajax
- jQuery中使用Ajax实现文本输入框的自动完成功能
- 【转】使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能
- 使用jQuery Autocomplete(自动完成)插件,结合ajax实现搜索框匹配
- asp.net ajax 使用AutoCompleteExtender开发自动完成功能(转载)
- JQUERY 的autocomplete UI自动完成控件的运用以及ajax的使用
- asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)
- 使用jQuery.AutoComplete完成仿淘宝商品搜索功能(改进了键盘上下选择体验)
- jQuery使用动态渲染表单功能完成ajax文件下载
- js实现input 的自动完成提示,Autocomplete---此文失效请使用jquery easy-ui更方便(后加)
- Struts2下使用jsonplugin及jquery完成ajax功能
- jQuery.Autocomplete实现自动完成功能(详解)