easyui 的combobox設置寬度和高度自動適應,若是超出,則指定寬度和高度

<s:select list="newCostTypeMap" theme="simple" cssClass="myCombobox" cssStyle="width:200px" data-options="editable:false,panelHeight:'auto'" />

$('.myCombobox').combobox({
		onShowPanel:function(){//面板自適應
			//寬度超過500則顯示500,最小寬度顯示和下拉框的寬度一致
			$(this).combobox('panel').css('display','inline-block').width('auto');//讓div根據文字內容自動適應寬度,作一行顯示
			var width = $(this).combobox('panel').width();
			if (width > 500) {
				$(this).combobox('panel').width("500");
			} else if (width < 200) {
				$(this).combobox('panel').width("200");
			} else {//解決在IE下出現滾動條的問題
				$(this).combobox('panel').width(width + 20);//下拉麪板
				$(this).combobox('panel').parent().width('auto');//面板外面還包裹了一層父節點
			}
			//默認面板高度自適應,若是超出,則指定
			var height = $(this).combobox('panel').height();
			if (height > 200) {
				$(this).combobox('panel').height("200");
			}else{
				//$(this).combobox('panel').height("auto");  
			}
		}
	});
相關文章
相關標籤/搜索