在使用EasyUI的時候,有時會用到combobox組件,這里的記錄數不是很固定,設置為auto可能會被擋住,設置固定高度時,option很少時,也很丑
所以這里給出我自己自動調整combobox的panelHeight的方法:
var orgCount = 0; //城市 $('#cityName').combobox({ method: ajaxConfig.reqMtd, url: pageConfig.json.city, width: 130, height: 32, //下拉框面板固定高度 //panelHeight: 130, editable: false, //加載成功后給變量賦值,記錄數據數目 onLoadSuccess: function(data){ orgCount = data.length; }, //面板展開時觸發 onShowPanel: function () { // 動態調整高度 if (orgCount < 10) { $(this).combobox('panel').height("auto"); }else{ $(this).combobox('panel').height(200); } } });