EasyUI学习(二)Combobox

	$("#activityRead").combobox({
		url:"${ctx }/manager/login/getChuShi?unitId="+"${SESSION_LOGIN.unit.unitId}",//unitId=${SESSION_LOGIN.unit.unitId}&
		valueField:"id",
		textField:"text",
		panelHeight:160,
		onLoadSuccess:function(){
			//这里写设置默认值
			if("${vo.activityId}"){
				$.ajax({
					url:"${ctx }/manager/activity/getActivityRead",
					data:{
						activityId:"${vo.activityId}"
					},
					cache:false,
					dataType:"json",
					success:function(data){
						var valueArr = new Array();
						var textArr = new Array();
						/* if(data.length==0){
							if("${jListSize}" > 0){
								<c:forEach var="map" items="${jList}" varStatus="vs">
									valueArr.push("${map.loginId}");
									textArr.push("${map.loginUserName}");
								</c:forEach> 
							}
						}else{ */
							for(var i=0; i<data.length; i++){
								valueArr.push(data[i].id);
								textArr.push(data[i].text);
							} 
						//}
				    $("#activityRead").combobox("setValues", valueArr);
			            $("#activityRead").combobox("setText", textArr);
			            
					}
				});
			}
		}
 	});

属性

名称 类型 描述 默认值
valueField string 绑定到该组合框(ComboBox)的 value 上的基础数据的名称。 value
textField string 绑定到该组合框(ComboBox)的 text 上的基础数据的名称。 text
url string 从远程加载列表数据的 URL 。 null

 事件

名称 参数 描述
onBeforeLoad param 在请求加载数据之前触发,返回 false 则取消加载动作。
代码实例:
 
  1. // change the http request parameters before load data from server
  2. $('#cc').combobox({
  3. onBeforeLoad: function(param){
  4. param.id = 2;
  5. param.language = 'js';
  6. }
  7. });
onLoadSuccess none 当远程数据加载成功时触发。
onLoadError none 当远程数据加载失败时触发。
onSelect record 当用户选择一个列表项时触发。
onUnselect record 当用户取消选择一个列表项时触发。

方法

该方法扩展自组合(combo),下面是为组合框(combobox)添加或重写的方法。

名称 参数 描述
options none 返回选项(options)对象。
getData none 返回加载的数据。
loadData data 加载本地列表数据。
reload url 请求远程的列表数据。传 'url' 参数来重写原始的 URL 值。
代码实例:
 
  1. $('#cc').combobox('reload'); // reload list data using old URL
  2. $('#cc').combobox('reload','get_data.php'); // reload list data using new URL
setValues values 设置组合框(combobox)值的数组。
代码实例:
 
  1. $('#cc').combobox('setValues', ['001','002']);
setValue value 设置组合框(combobox)的值。
代码实例:
 
  1. $('#cc').combobox('setValue', '001');
clear none 清除组合框(combobox)的值。
select value 选择指定的选项。
unselect value 取消选择指定的选项。

猜你喜欢

转载自blog.csdn.net/Isringring/article/details/82931757