combobox

1.设置高度
<select class="easyui-combobox" panelHeight="56"> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> </select>
2.级联
$(function(){
	var province = $('#province').combobox({
		valueField:'areaid',
		textField:'name',
		editable:false,
		url:'/Province/GetAllProvinces',//MVC
		onChange:function(newValue, oldValue){
			$.get('/City/GetAllCitysByPro',{parentid:newValue},function(data){ city.combobox("clear").combobox('loadData',data); county.combobox("clear") },'json'); } 
    });
     var city = $('#city').combobox({
        valueField:'areaid',
        textField:'name',
        editable:false,
        onChange:function(newValue, oldValue){
          ...
    });
});
初始化就选中第一个:给每一个combobox添加onLoadSuccess()方法
onLoadSuccess(){
var target = $(this);
var data = target.combobox("getData");
var options = target.combobox("options");
if(data && data.length>0){
var fs = data[0];
target.combobox('select',fs.valueField) or target.combobox("setValue",fs[options.valueField]);
}
}
不可输入,只可选择设置:
$("#autotype").combobox({ "editable": false });

  

posted @ 2015-04-01 18:45  琅琊天  阅读(449)  评论(0编辑  收藏  举报