在easyUI中如何让combobox绑定焦点失去事件.doc
jQueryEasyUI为Combo,Combobox添加清除值功能的实例
jQueryEasyUI为Combo,Combobox添加清除值功能的实例效果图：图标(function($){//初始化清除按钮function initClear(target){var jq = $(target);var opts = jq.data('combo').options;var combo = jq.data('combo').combo;var arrow = combo.find('bo-arrow');var clear = arrow.siblings("bo-clear");if(clear.size()==0){//创建清除按钮。
clear = $('<span class="combo-clear" style="height: 20px;"></span>');//清除按钮添加悬停效果。
clear.unbind("bo bo").bind("bo bo",function(event){var isEnter = event.type=="mouseenter";clear[isEnter ? 'addClass' : 'removeClass']("combo-clear-hover");});//清除按钮添加点击事件，清除当前选中值及隐藏选择⾯板。
clear.unbind("bo").bind("bo",function(){bo("setValue","").combo("setText","");bo('hidePanel');});arrow.before(clear);};var input = combo.find("bo-text");input.outerWidth(input.outerWidth()-clear.outerWidth());opts.initClear = true;//已进⾏清除按钮初始化。
跟我学jQuery EaseUI Web前端框架_EaseUI 表单组件及应用实例(第3部分)
杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料
"text":"text1", "selected":false },{ "id":2, "text":"text2", "selected":false },{ "id":3, "text":"text3", "selected":false },{ "id":4, "text":"text4", "selected":false },{ "id":5, "text":"text5", "selected":false }] 在默认状态下不选中某个数据项目。 （3）执行的效果
data-options="width:150,valueField:'id',textField:'text',hasDownArrow:false,required:true,missin gMessage:' 必 须 要 给 定 搜 索 的 关 键 字 ！ ',invalidMessage:' 必 须 要 给 定 搜 索 的 关 键 字 ！ ',novalidate:true,prompt:' 输 入 关 键 字 后 自 动 搜 索 ',editable:true,url:'${pageContext.request.contextPath}/json/comboboxJson.txt',filter:function(use rInputValue,someOneRow){
ComboBox（组合框）控件的使用方法
ComboBox（组合框）控件的使⽤⽅法Combo Box (组合框)控件很简单，可以节省空间。
从⽤户⾓度来看，这个控件是由⼀个⽂本输⼊控件和⼀个下拉菜单组成的。
⽤户可以从⼀个预先定义的列表⾥选择⼀个选项，同时也可以直接在⽂本框⾥⾯输⼊⽂本。
下⾯的例⼦简要说明如何利⽤ MFC CComboBox Class来操作字符串列表。
1、定义控件对应变量假定已经创建了⼀个Dialog，并且从控件⼯具箱将 Combo Box 控件拖放到上⾯。
打开 Class Wizard，添加控件对应变量，如：CComboBox m_cbExamble;在后⾯的代码中会不断使⽤这个变量。
2、向控件添加 Items1) 在Combo Box控件属性的Data标签⾥⾯添加，⼀⾏表⽰Combo Box下拉列表中的⼀⾏。
换⾏⽤ctrl+回车。
2) 利⽤函数 AddString() 向 Combo Box 控件添加 Items，如：m_cbExample.AddString(“StringData1”);m_cbExample.AddString(“StringData2”);m_cbExample.AddString(“StringData3”);3) 也可以调⽤函数 InsertString() 将 Item 插⼊指定位置 nIndex，如：m_cbExample.InsertString( nIndex, “StringData” );3、从控件得到选定的Item假设在控件列表中已经选定某项，现在要得到被选定项的内容，⾸先要得到该项的位置，然后得到对应位置的内容。
这⾥会⽤到两个函数，如：int nIndex = m_cbExample.GetCurSel();CString strCBText;m_cbExample.GetLBText( nIndex, strCBText);这样，得到的内容就保存在 strCBText 中。
easyUIcombobox使用方法总结
easyUIcombobox使⽤⽅法总结combobox,中⽂叫复合框，是把⽂本框和列表框的特性结合起来的⼀种控件，这个控件，既可以输⼊⽂字，也可以像列表框⼀样选择选项Combobox⽤法和⽅法参数:1、需要引⼊class=" easyui-combobox”2、参数设置需要在data-options中设置3、属性参数配置：valueField：基础数据值名称绑定到Combobox(提交值)textField：基础数据的字段名称绑定的Combobox（显⽰值）mode:定义当⽂本改变时如何加载列表数据，当设置为remote模式下，什么类型的⽤户将被发送http请求参数名为'q'的服务器，以获取新的数据。
url：从远程URL来加载列表数据method：http⽅法检索列表数据data：列表中被加载的数据filter：定义如何过滤本地数据“模式”设置为'local'formatter：定义如何呈现⾏loader：定义如何从远程服务器加载数据4、事件：onBeforeLoad(param): 操作之前将数据加载，返回false就取消这个荷载作⽤onLoadSuccess():触发时，远程数据加载成功onLoadError：触发时，远程数据加载错误ONSELECT：触发，当⽤户选择⼀个列表项onUnselect：触发，当⽤户取消选择⼀个列表5、⽅法：options()：返回选择对象getData():返回加载的数据loadData(data):加载列表数据reload(url):重新加载远程数据列表setValues(values):设置combobox的值数组setValue(value):设置combobox的值clear():清空combobox的值select(value):选中指定的值unselect(value):取消指定的值使⽤easyui之后，对于Combobox来说，获值有两种选择，"getValue‘和“getText”的选择源于我们对combobox在data-option中的设定，“valueField:”和“textField:”对应了getValue和getText，这样⼦对于键值对的选取就避免了多次的I/O操作（编码和性能都提升），很⽅便。
ComboBox控件的用法（转载）
ComboBox控件的用法（转载）一、如何添加/删除Combo Box内容1，在Combo Box控件属性的Data标签里面添加，一行表示Combo Box下拉列表中的一行。
换行用ctrl+回车。
2，在程序初始化时动态添加如：//控件内容初始化CString strTemp;((CComboBox*)GetDlgItem(IDC_COMBO_CF))->ResetConte nt();//消除现有所有内容for(int i=1;i<=100;i++){strTemp.Format("%d",i);((CComboBox*)GetDlgItem(IDC_COMBO_CF))->AddString(st rTemp);}3，下拉的时候添加如：CString strTemp;intiCount=((CComboBox*)GetDlgItem(IDC_COMBO_CF))->GetCou nt();//取得目前已经有的行数if(iCount<1)//防止重复多次添加{((CComboBox*)GetDlgItem(IDC_COMBO_CF))->ResetConte nt();for(int i=1;i<=100;i++){strTemp.Format("%d",i);((CComboBox*)GetDlgItem(IDC_COMBO_CF))->AddString(st rTemp);}}4，删除DeleteString( UINT nIndex )//删除指定行，5，插入InsertString( int nIndex, LPCTSTR lpszItem )//将行插入到指定位置6，查找FindString( int nStartAfter, LPCTSTR lpszItem )//可以在当前所有行中查找指定的字符串的位置，nStartAfter指明从那一行开始进行查找。
easyui-combobox多选时的小问题
easyui-combobox多选时的⼩问题
easyui-combobox可⽀持多选，仅需将multiple值设为true即可
$('#combobox').combobox({
url:url,
multiple:true,
separator:',',
valueField:'value',
textField:'text'
});
保存值时，会根据separator值进⾏分隔，默认以,分隔
在对combobox赋值时，使⽤了form的load进⾏赋值
$("#form").form('load', data)
这时就出了⼀点⼩问题，在数据库存⼊了19,20的值后，再load出来会发现变成了1,9,,,2,0
整了半天没发现有什么问题，百度也⽆果
最后从combobox多选时赋值所⽤的⽅法中发现了问题：
combobox的multiple值为true时，赋值⽅法为setValues
$('#combobox').combobox('setValues',data.split(","));
data.split(",”)获得的是⼀个数组，⽽从数据库中取出的值为String，结果显⽽易见，combobox把String拆分成⼀个个char的数组了，字符串”19,20“就是由 1 9 , 2 0 组成的。
同理，在获取值时使⽤的⽅法是getValues，得到的是⼀个数组
所以解决⽅法就简单了，只需将19,20split成⼀个数组再load就没问题了。
【IT专家】为JQuery EasyUI 表单组件增加“焦点切换”功能
本文由我司收集整编，推荐下载，如有疑问，请与我司联系为JQuery EasyUI 表单组件增加“焦点切换”功能2017/04/12 10 1、背景说明在使用JQueryEasyUI 各表单组件时，实际客户端页面元素是由JQueryEasyUI 生成的，元素的焦点切换，虽然Tab 键可以正常用，但顺序控制属性tabindex 不起作用，因为页面看到的元素，是生成的，没有tabindex 属性，而真实的元素被隐藏了。
本文通过一个自定义函数，实现Tab 和回车键的焦点切换功能。
2、函数定义通过捕获窗口按件，对回车和Tab 键进行了热点切换处理。
先根据当前焦点，获取需要tabindex 属性，加1 后为下一焦点无素的属性值，根据这一属性找到下一焦点元素，并设置成焦点。
//增加改变焦点操作function addChangeFocusOpe(){ $(window).keydown(function(event){//按键事件if(event.keyCode==13 || event.keyCode==9) //回车或tab 键{ var tabindex = $($(‘:focus’).parent()[0]).prev().attr(“tabindex”);//取（当前焦点--父元素--前一元素）的tabindex 属性。
该结构根据jQuery EasyUI 生成的页面结构而定。
if(tabindex != undefined) { var nextIndex = parseInt(tabindex) + 1; //下一焦点元素tabindex 编号var nextInput = $(“input[tabindex=‘“+nextIndex+”‘]”);//查找下一焦点元素if(nextInput.length 0); { var nextObj = $(nextInput[0]); var options = nextObj.attr(“data- options”);//设置的属性值，用于判断是否是“文本区域”var focusObj = $(nextInput[0]).next(‘span’).find(‘input’);//元素--下一span 元素--内部input。
easyUI相关组件详解
{field:'x_name',title:'企业名称',width:100},
{field:'x_cn',title:'x_cn',hidden:true,width:120}
}]
Properties
这些属性继承至 combo,下面是combobox的一些新增属性.
Name Type Description Default
valueField string 绑定到这个combobox的基础数据值名. value
textField string 绑定到这个combobox的数据字段名. text
error():当检索数据失败(异常,而不是返回空数据的时候)这个函数将被调用. json loader
Events
事件继承至 combo, 以下是combobox的新增事件.
Name Parameters Description
onBeforeLoad param 一个请求在加载数据之前触发,返回false取消这个加载动作.
"text":"text3",
"selected":true
},{
"id":4,
"text":"text4"
},{
"id":5,
"text":"text5"
mode string 当文本改变时定义如何加载显示列表数据.如果设置为'remote' combobox从远程服务器加载数据.当设置为'remote'模式时, 用户输入的信息将发送作为http请求参数,参数名为'q'到服务器检索新的数据. local
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
在easyUI中如何让combobox绑定焦点失去事件
//easyui将jQuery的部分功能进行了封装，jQuery的方法不能直接实现，只有使用easyui的方法来实现
$("input",$("#carid").next("span")).blur(function(){
//验证车辆选择框输入的值是否在下拉列表的值中
var _value=$("#carid").combobox("getValue");//获取输入框的值
// variableMap.carList是后台封装成json后传递的车辆列表参数
for (var i=0; i < variableMap.carList.length; i++) { //验证输入框，判断输入框的值是否在下拉列表中(输入框自带必填属性) if(_value!=variableMap.carList[i].platenumber&&_value!=""){ //如果不是下拉列表的值，在输入框中提示
$("#carid").combobox("setValue","请选择已有的车辆！");
}
}
});
$("input",$("#motormanid").next("span")).blur(function(){
//验证司机选择框输入的值是否在下拉列表的值中
var _value=$("#motormanid").combobox("getValue");
// variableMap.mmList是后台封装成json后传递的司机列表参数
for (var i = 0; i < variableMap.mmList.length; i++) { if(_value!=variableMap.mmList[i].name&&_value!=""){
//验证输入框
$("#motormanid").combobox("setValue","请选择已有的司机！");
}
}
});。