easyUI-combobox 动态绑定数据源
前台
<link rel="stylesheet" type="text/css" href="../css/easyui.css"/>
<script type="text/JavaScript" src="../js/jQuery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript">
var vID = "DDLCC";
$(function () {
$('#' + vID).combobox({
valueField: 'TPrice', //TPrice
textField: 'typeName',
//注册事件
onChange: function (newValue, oldValue) {
if (newValue != null) {
var thisKey = encodeURIComponent($('#' + vID).combobox('getValue')); //搜索词
var thisType = ""; //车辆类型
var urlStr = "AutoComplete.ashx?objType=" + thisType + "&objStr=" + thisKey;
$("#" + vID).combobox("reload", urlStr);
}
},
onSelect: function (record) {
setValue(record.typeName);
//document.getElementById("TextBox4").value = record.TPrice;
$("#TextBox4").val(record.TPrice);
}
});
});
function setValue(vTxt) {
$('#' + vID).combobox('setValue', vTxt);
}
</script>
<style type="text/css">
.combo
{
height:15px;
border:1px solid #CECCCD;
overflow :hidden ;
}
.combo .combo-text{
height:15px;
font-size:12px;
line-height:15px;
color :#000000;
}
.combo .combo-arrow{
background:#E0ECF9 url('../css/images/combo_arrow.gif') no-repeat 0px 0px;
width:14px;
height:15px;
overflow:hidden;
vertical-align:middle;
cursor:pointer;
opacity:0.6;
filter:alpha(opacity=60);
}
</style>
<select id="DDLCC" class="easyui-combobox" name="DDLCC" style="width:84px;" data-options="required:true" title="键入搜索查询" >
</select>
后台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using Newtonsoft.Json;
using System.Text;
namespace used_car.web
{
/// <summary>
/// AutoComplete 的摘要说明
/// </summary>
public class AutoComplete : IHttpHandler
{
protected DataTable dt = null;
public void ProcessRequest(HttpContext context)
{
context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
ClearClientPageCache();
context.Response.ContentType = "text/plain";
string strObjTypee = "", strObjStr = "";
if (context.Request.QueryString["objType"] != null && context.Request.QueryString["objStr"]!=null)
{
strObjTypee = context.Server.UrlDecode(context.Request.QueryString["objType"].ToString());
strObjStr = context.Server.UrlDecode(context.Request.QueryString["objStr"].ToString());
dt = linkeMaterials(strObjTypee, strObjStr);
if (dt != null)
{
string data2 = JsonConvert.SerializeObject(dt);
context.Response.Write(data2);
context.Response.Flush();
context.Response.End();
}
}
}
public DataTable linkeMaterials(object objType, object objStr)
{
DataTable dt = new DataTable();
if (objStr != null)
{
if (!string.IsNullOrWhiteSpace(objStr.ToString()))
{
//left(T11,2)='" + objType + "' or
string strSql = "select top 15 C.T46 as typeName, C.T45 as ID,C.T47 as TPrice from [dbo].[JC79] as C where T46 like'%" + objStr + "%'";
DataSet dsJC97 = Maticsoft.DBUtility.DbHelperSQL.Query(strSql);
dt = dsJC97.Tables[0];
}
}
return dt;
}
StringBuilder sbJC97 = new StringBuilder("");
public string linkeMaterials2(object objType, object objStr)
{
if (objStr != null)
{
if (!string.IsNullOrWhiteSpace(objStr.ToString()))
{
//left(T11,2)='" + objType + "' or
string strSql = "select top 15 C.T46 as 型号名称, C.T47 as 现行价格, C.T45 as ID,C.T11 as 种类编号 from [dbo].[JC79] as C where T46 like'%" + objStr + "%'";
DataSet dsJC97 = Maticsoft.DBUtility.DbHelperSQL.Query(strSql);
if (dsJC97 != null)
{
DataTable dtJC97 = dsJC97.Tables[0];
int dtCount = dtJC97.Rows.Count;
if (dtCount > 0)
{
for (int i = 0; i < dtCount; i++)
{
sbJC97.Append("{ typeName: \"" + dtJC97.Rows[i]["型号名称"] + "\",ID: \"" + dtJC97.Rows[i]["ID"] + "\",Price: \"" + dtJC97.Rows[i]["现行价格"] + "\",ZL: \"" + dtJC97.Rows[i]["种类编号"] + "\"}");
if (i != (dtCount - 1))//如果不是最后一个
{
sbJC97.Append(",");
}
}
}
}
}
}
return sbJC97.ToString();
}
public bool IsReusable
{
get
{
return false;
}
}
public static void ClearClientPageCache()
{
HttpContext.Current.Response.Buffer = true;
HttpContext.Current.Response.Expires = 0;
HttpContext.Current.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
HttpContext.Current.Response.AddHeader("pragma", "no-cache"); HttpContext.Current.Response.AddHeader("cache-control", "private"); HttpContext.Current.Response.CacheControl = "no-cache";
}
}
}
easyUI-combobox 动态绑定数据源的更多相关文章
- easyui combobox点击输入框弹出下拉框
由于easyui combobox需要点击下拉箭头才能下拉,不能像select标签那样点击输入框就下拉,所以觉得不太方便,查看了一下,combobox弹出框是一个div,原本想在他的输入框的点击事件中 ...
- jQuery easyui combobox获取值|easyui-combobox获取多个值
Query easyui combobox事例: name="language" data-options=" ...
- easyui combobox onSelect事件
easyui combobox 没有onchange事件,只有onSelect事件 1 $(function () { $('#Select6').combobox({ onSelect: funct ...
- jquery easyui combobox 级联及触发事件,combobox级联
jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...
- Easyui combobox onChange事件
Easyui combobox onChange事件: 注册事件: $(function () { $('#cc_id').combobox({ onChange: function (newValu ...
- JQuery EasyUI Combobox的onChange事件
html中的select 的change事件 <select id="consult_province" name="consult_province" ...
- 关于easyui combobox下拉框实现多选框的实现
好长时间没有更博了,一是因为最近真的比较忙,二是因为自己是真的偷懒了,哈哈 好啦,这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现,包括前台界面的展示,和后台对数据的获取 ...
- easyui combobox下拉框复制后再禁用,点击不会出现下拉框
easyui combobox下拉框禁用,点击不会出现下拉框 需要做到,在给easyui combobox赋值后,再禁用easyui combobox 解决办法: $("#time-sele ...
- easyui combobox开启搜索自动完成功能
combo.json [{ "id":-1, "text":" ", "spell":"" },{ ...
- 表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树
EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等. ...
随机推荐
- SQL的四种连接-左外连接、右外连接、内连接、全连接
今天在看一个遗留系统的数据表的时候发现平时查找的视图是FULL OUT JOIN的,导致平时的数据记录要进行一些限制性处理,其实也可以设置视图各表为右外连接并在视图上设置各列的排序和筛选条件就可以达到 ...
- MAC emacs下安装php-mode
在某一个个页面(抱歉不记得了), 比较了三个配置,php-mode, php-mode-improved, xnhtml. 作者在比较后推荐xnhtml,但在xnthml官网下载链接一直显示403,真 ...
- python垃圾回收机制的一些理解
概览: 主要通过 引用计数来进行垃圾收集, 就是说,当一个对象没有被其他对象引用的时候,会释放掉内存. 但是会有一些循环引用的对象,通过上面的方法,是没有办法清除掉的.所以,pyt ...
- OC ---- 字符串 数组 iOS学习-----细碎知识点总结
NSString *urlString = [NSString stringWithFormat:@"http://www.apple.com"]; // 获取字符串 ...
- Windows Server 2008 R2组策略创建用户桌面快捷方式
问题: 如何让所有域用户桌面有一个公司共享的快捷方式,让所有域用户直接双击就能打开公司共享. 解决办法: 1.创建一个zhuyu组织单元 ----- 在zhuyu组织单元创建一个域用户user1. 2 ...
- 当利用pip安装模块出现错误时咋办
>在DOS窗口中到Python安装路径的scripts中执行 pip install pyperclip 出现错误 >>错误提示:Fatal error in launcher: ...
- new一張form時用using{}的好處。
以下代碼,用Using可避免一些問題,例如handel10000.如果PaymentForm裏面用dialogresult=''而不是close或X,(close或X會即時dispose回收,但dia ...
- 电脑文件出现“windows-文件发生意外问题-可修复(严禁修改)-错误代码0X00000BF8”错误,怎么办
电脑文件出现"windows-文件发生意外问题-可修复(严禁修改)-错误代码0X00000BF8"错误,怎么办 下载一个"纵情文件修复器"修复一下就可以了 下载 ...
- STMFD 和LDMFD指令
http://blog.163.com/oy_mcu/blog/static/16864297220120193458892/ LDM/STM指令主要用于现场保护,数据复制,参数传送等. STMFD指 ...
- 关于Java运算中类型自动提升的问题
1.表达式中的自动类型提升: 表达式求值时,Java自动的隐含的将每个byte.short或char操作数提升为int类型,这些类型的包装类型也是可以的. 例如:short s1 = 1; s1 = ...