下拉框自動完成（autocomplete）帶有分頁功能SutaraLumpur

WindySky 2016-10-14

展開全文

效果圖：

html代碼：

[html] view plain copy

javascript代碼：

[javascript] view plain copy

<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代碼：

[csharp] view plain copy

/// <summary>
/// 根據(jù)傳人的參數(shù)，分頁的診斷數(shù)據(jù)
/// </summary>
/// <param name="page_num">當前頁碼</param>
/// <param name="per_page">每頁顯示條數(shù)</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();//總條數(shù)
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();
}