<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

<title>JS object instead of DB: jquery.ajax-combobox</title>

<link rel="stylesheet" href="js/jquery.ajax-combobox.css"/>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.ajax-combobox.min.js"></script>

<script type="text/javascript">

/*

https://github.com/sutara79/jquery.ajax-combobox

https://plugins.jquery.com/ajax-combobox/

https://sutara79-php.herokuapp.com/demo/jquery.ajax-combobox/

  var items = [];

  $.each( data, function( key, val ) {

    items.push( "<li id='" + key + "'>" + data[0].CountyCode + "</li>" );

  });

  $( "<ul/>", {

    "class": "my-new-list",

    html: items.join( "" )

  }).appendTo( "body" );

  */

var data;

$.getJSON( "AjaxComboxHandler.ashx", function(data){

   $('#foo').ajaxComboBox(

    data,

    {

      lang: 'hk',

      navi_num: 5, //显示几个数字页码

      per_page: 15,//每页显示多少条

      db_table: 'nation',

      field: 'name',

      sub_info: true,

      show_field:'CountyCode,name,HkName,EnName,CnName,position,IdOrder',//提示可以显示的字段

      sub_as: {

        CountyCode: '國際區號:', //提示显示的列名

        HkName:'繁体中文名：',

        EnName: '英文名:',

        CnName:'简体中文名:',

        position: '所在洲:',

        IdOrder:'排序:',//字符串排序

      },

      select_only: true,

      init_record: '00',

      primary_key: 'CountyCode',

      order_by: [

      'IdOrder ASC', // ASC or DESC

      'CountyCode'

      ]

    }

  );

});

</script>

</head>

<body>

<h1>JS object instead of DB: jquery.ajax-combobox</h1>

<form id="Form1" action="" runat="server">

 <label for="foo">國家:</label><br>

<asp:TextBox ID="foo" CssClass="foo" runat="server"></asp:TextBox>

 <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" onClick="this.setSelectionRange(0, this.value.length)/>

</form>

</body>

</html>

　　

   /// <summary>

    /// $codebehindclassname$ 的摘要说明

    /// 塗聚文  涂聚文  Geovin Du

    /// 2019-7-22

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    public class AjaxComboxHandler : IHttpHandler

    {

        CountyTelCodeBLL telbll = new CountyTelCodeBLL();

        /// <summary>

        ///

        /// </summary>

        /// <param name="context"></param>

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            List<EntityCounty> list = new List<EntityCounty>();

            CountyTelCode code = new CountyTelCode();

            //code.TelData().DefaultView.Sort = "IdOrder asc";

            //DataRow[] drs = code.TelData().Select("", "IdOrder asc");

            DataTable dt = telbll.SelectCountyTelCodeDataTableAll();

            foreach (DataRow row in dt.Rows)  //code.TelData().Rows

            {

                EntityCounty ec = new EntityCounty();

                ec.CountyCode = row["TelCoutyCode"].ToString().Trim();

                ec.name = row["SimpleNameHK"].ToString().Trim();

                ec.HkName = row["SimpleNameHK"].ToString().Trim();

                ec.CnName = row["SimpleNameCN"].ToString().Trim();

                ec.EnName = row["SimpleNameEN"].ToString().Trim();

                ec.position = row["Continent"].ToString().Trim();

                ec.IdOrder = row["IdOrder"].ToString().Trim();

                list.Add(ec);

            }

            //序列化 JavaScriptSerializer

            JavaScriptSerializer jss = new JavaScriptSerializer();

            string str = jss.Serialize(list);

            //返回

            context.Response.Write(str);        

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

        /// <summary>

        ///

        /// </summary>

        /// <param name="jsonData"></param>

        /// <returns></returns>

        private Dictionary<string, object> JsonToDictionary(string jsonData)

        {

            //实例化JavaScriptSerializer类的新实例

            JavaScriptSerializer jss = new JavaScriptSerializer();

            try

            {

                //将指定的 JSON 字符串转换为 Dictionary<string, object> 类型的对象

                return jss.Deserialize<Dictionary<string, object>>(jsonData);

            }

            catch (Exception ex)

            {

                throw new Exception(ex.Message);

            }

        }

    }

    /// <summary>

    ///

    /// </summary>

    public class EntityCounty

    {

        private string _CountyCode;

        /// <summary>

        ///    [ScriptIgnore] 为不显示

        /// </summary>

        public string CountyCode

        {

            get { return _CountyCode; }

            set { _CountyCode = value; }

        }

        private string _name;

        /// <summary>

        ///

        /// </summary>

        public string name

        {

            get { return _name; }

            set { _name = value; }

        }

        private string _EnName;

        /// <summary>

        ///

        /// </summary>

        public string EnName

        {

            get { return _EnName; }

            set { _EnName = value; }

        }

        private string _CnName;

        /// <summary>

        ///

        /// </summary>

        public string CnName

        {

            get { return _CnName; }

            set { _CnName = value; }

        }

        private string _HkName;

        /// <summary>

        ///

        /// </summary>

        public string HkName

        {

            get { return _HkName; }

            set { _HkName = value; }

        }

        private string _position;

        /// <summary>

        ///

        /// </summary>

        public string position

        {

            get { return _position; }

            set { _position = value; }

        }

        private string _IdOrder;

        /// <summary>

        ///

        /// </summary>

        public string IdOrder

        {

            get { return _IdOrder; }

            set { _IdOrder = value; }

        }

    }

　　

Csharp:jquery.ajax-combobox的更多相关文章

  1. jquery 的combobox 处理级联

    随笔---jquery 的combobox 处理级联 ------------------------html------------- <select id="groupId&quo ...

  2. IE8/9 JQuery.Ajax 上传文件无效

    IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...

  3. jquery ajax解析

    jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对 ...

  4. jQuery.ajax 根据不同的Content-Type做出不同的响应

    使用H5+ASP.NET General Handler开发项目,使用ajax进行前后端的通讯.有一个场景需求是根据服务器返回的不同数据类型,前端进行不同的响应,这里记录下如何使用$.ajax实现该需 ...

  5. jQuery.ajax(url,[settings])

    概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象. ...

  6. jQuery Ajax 实例 ($.ajax、$.post、$.get)

    jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...

  7. jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法

    最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...

  8. JQuery+Ajax+Struts2+Hibernate 实现完整的登录注册

    写在最前: 下午有招聘会,不想去,总觉得没有准备好,而且都是一些不对口的公司,可是又静不下心来,就来写个博客. 最近在仿造一个书城的网站:http://www.yousuu.com ,UI直接拿来用, ...

  9. 用.NET MVC实现长轮询，与jQuery.AJAX即时双向通信

    两周前用长轮询做了一个Chat,并移植到了Azure,还写了篇博客http://www.cnblogs.com/indream/p/3187540.html,让大家帮忙测试. 首先感谢300位注册用户 ...

  10. jQuery AJAX 网页无刷新上传示例

    新年礼,提供简单.易套用的 jQuery AJAX 上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 ...

随机推荐

  1. 邮箱基础协议：SMTP/POP3/IMAP

    目录 电子邮件的组成:信封.首部和正文 邮件基础协议 SMTP SMTP 指令 使用 Telnet 模拟 SMTP 发送邮件 POP3 POP3 的生命周期 IMAP 标志消息属性 状态和流程图 IM ...

  2. Mac下PHP连接MySQL报错＂No such file or directory＂的解决办法

    首先做个简短的介绍. [说明1]MAC下MYSQL的安装路径: /usr/local/mysql-5.1.63-osx10.6-x86_64 数据库的数据文件在该目录的data文件夹中: 命令文件在b ...

  3. day28

    断点调试 在想要加断点的地方用鼠标点击一下,你会看到一个红色圆圈 变红的地方,程序执行到,就会暂停 断点应该加在报错之前 绿色箭头表示快速跳到下一个断点执行 控制台报错,点击你能看懂的最后一行,光标会 ...

  4. String引发的提问，我差点跪了

    面试官:下面代码执行结果是什么?String t0 = "helloworld";String t1 = new String("helloworld");Sy ...

  5. Linux中docker的使用二

    容器下安装jdk和tomcat:通过挂载文件的方法,把宿主机上的文件挂载到容器中,然后解压到opt目录下:tar -zxvf 包名 -C /opt//opt目录下drwxr-xr-x 8 10 143 ...

  6. 第四章 开始Unity Shader学习之旅（2）

    目录 1. 强大的援手:Unity提供的内置文件和变量 1.1 内置的包含文件 1.2 内置的变量 2. Unity提供的Cg/HLSL语义 2.1 什么是语义 2.2 Unity支持的语义 2.3 ...

  7. shell一键部署nginx+tomcat

    1.首先拉取环境  tomcat需要用到jdk环境 提前准备好nginx源码包,放于指定目录下 vim test.sh #!/bin/bash yum -y install gcc gcc-c++ z ...

  8. 【Python还能干嘛】爬取微信好友头像完成马赛克拼图（千图成像）～

    马赛克拼图 何谓马赛克拼图(千图成像),简单来说就是将若干小图片平凑成为一张大图,如下图路飞一样,如果放大看你会发现里面都是一些海贼王里面的图片. Our Tragets 爬取所有微信好友的头像

  9. 在华为云ECS上手工通过Docker部署tomcat

    本文介绍了如何在华为云上ECS上手工通过Docker部署tomcat,并提供了Docker常用操作 一.环境准备 ECS:操作系统版本:    CentOS Linux release 7.6.181 ...

  10. WWDC 2016 盛宴

    转自:http://www.jianshu.com/p/72dd8306c817 整理和维护人:pmstGitHub 链接:WWDC-2016-Feast目前只是整理官方给出的 WWDC 2016 视 ...