Csharp:jquery.ajax-combobox
<!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的更多相关文章
- jquery 的combobox 处理级联
随笔---jquery 的combobox 处理级联 ------------------------html------------- <select id="groupId&quo ...
- IE8/9 JQuery.Ajax 上传文件无效
IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...
- jquery ajax解析
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对 ...
- jQuery.ajax 根据不同的Content-Type做出不同的响应
使用H5+ASP.NET General Handler开发项目,使用ajax进行前后端的通讯.有一个场景需求是根据服务器返回的不同数据类型,前端进行不同的响应,这里记录下如何使用$.ajax实现该需 ...
- jQuery.ajax(url,[settings])
概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象. ...
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...
- jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法
最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...
- JQuery+Ajax+Struts2+Hibernate 实现完整的登录注册
写在最前: 下午有招聘会,不想去,总觉得没有准备好,而且都是一些不对口的公司,可是又静不下心来,就来写个博客. 最近在仿造一个书城的网站:http://www.yousuu.com ,UI直接拿来用, ...
- 用.NET MVC实现长轮询，与jQuery.AJAX即时双向通信
两周前用长轮询做了一个Chat,并移植到了Azure,还写了篇博客http://www.cnblogs.com/indream/p/3187540.html,让大家帮忙测试. 首先感谢300位注册用户 ...
- jQuery AJAX 网页无刷新上传示例
新年礼,提供简单.易套用的 jQuery AJAX 上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 ...
随机推荐
- Flask入门学习——自定义一个url转换器
我们知道,flask的url规则是可以添加变量部分的,这个参数变量是写在尖括号里的,比如:/item/<id>/,如果需要指出参数的类型要符合<converter:vai ...
- mybatis的@Options的使用
1.问题: 我采用的是mybatis的注解方式,打算插入一条数据之后返回主键,但是试了好几次都是返回的影响的记录数:1, @Insert(****) @Options(useGeneratedKeys ...
- java 运算符&表达式
1. java中,模运算符%可以获取整数除法的余数,同样适用于浮点类型数据.double y = 23.56; y%5;(即y mod 5 =3.56) [c/c++中,要求%两侧均为整数数据.] 2 ...
- hashtable基础
- 对Java单例模式 volatile关键字作用的理解
单例模式是程序设计中经常用到的,简单便捷的设计模式,也是很多程序猿对设计模式入门的第一节课.其中最经典的一种写法是: class Singleton { private volatile static ...
- 2019-2020-8 20199317 《Linux内核原理与分析》 第八周作业
第7章 可执行程序工作原理 1 ELF目标文件格式 1.1 ELF概述 “目标文件”,是指编译器生成的文件.“目标”指目标平台目标文件一般也叫作ABI(Application Bi ...
- gulp+webpack+angular1的一点小经验（第二部分webpack包起来的angular1）
又一周过去了,项目也已经做得有点模样了.收集来一些小经验,分享给大家,有疏漏之处,还望指正,海涵. 上周整合了gulp与webpack,那么工具准备差不多了,我们就开始编码吧.编码的框架就是angul ...
- 免费试用 | 多模 NoSQL 服务GeminiDB for Cassandra 全球首发
PS:多模NoSQL服务GeminiDB重磅公测,免费体验,参与公测还有华为AI音响好礼相送~ 7月5日,华为云多模 NoSQL 服务GeminiDB for Cassandra正式对外定向邀测.华为 ...
- 【开发者portal在线开发插件系列一】profile和基本上下行消息
前言: 开发者portal支持在线开发profile(即设备建模).在线开发插件.模拟应用管理设备.模拟设备上报数据接收命令.支持离线开发的profile和插件的上传部署,是合作伙伴快速集成设备.对接 ...
- 基于webpack实现多html页面开发框架四 自动写入多入口，自动插入多个htmlWebpackPlugin插件
一.解决什么问题 1.手写页面多入口,一个一个输入太麻烦,通过代码实现 2.手写多个htmlWebpackPlugin插件太麻烦,通过代码实现 二.多入口代码实现 //读取所有.j ...