EasyUI中的combo

學習EasyUI不久，總會遇到一些問題，對某些屬性不怎麼了解，所以對某些組件和屬性做一些記錄。

1）combo 

<input 
id="cc" value="001">
$('#cc').combo({
required:true,
multiple:true
});

因爲查看了該組件的屬性甚至其依賴的組件發現並沒有url屬性，所以斷定該組件只用來本地獲取數據。但可以擴展選項元素，如把input改成image等

<input type="radio" name="lang" value="01"><span>Java</span><br/>
<input type="radio" name="lang" value="02"><span>C#</span><br/>

擴展成：

<div>
<img src="images/03.jpg" text="leblan" value="3"></img>
</div>
<div>
<img src="images/04.jpg" text="ouwen" value="4"></img>
</div>

2）combobox

1,作爲常用的下拉列表，只發送一次請求

2,作爲常用的下拉列表，根據文本框輸入的值，每隔delay時間發送一次請求，實現自動搜索功能

3,多個combobox一起使用，形成級聯搜索

其中很重要的屬性：mode：‘remote’、‘local’ 與 ‘remote’對應的有delay屬性，如果同時設置mode：‘remote’ 和 delay：1000，意思是當用戶向下拉框中停止輸入數據一秒之後，瀏覽器就會向服務端發送一次獲取數據的請求，其中用戶輸入的數據會以參數q的形式攜帶至後臺，然後返回給瀏覽器，刷新下拉框的內容，也就是完成自動搜索功能，如果把mode設置爲‘local’那麼瀏覽器初始化easyUI組件的時候就已經向服務器發送請求，裝載好下拉列表，以後不會發送請求，然而‘local’的意思估計是用當用戶向下拉框中停止輸入數據delay時間之後，瀏覽器會根據輸入的數據往已經裝載好的數據中搜索。

$('#search').combobox({
mode:'remote' ,
url:'UserServlet?method=searchName' ,
valueField:'id' ,
textField:'name' ,
delay:1000
});

下面是兩個下拉框的級聯搜索

$('#sel_1').combobox({
onSelect:function(){
var pid = $('#sel_1').combobox('getValue');
$('#sel_2').combobox('setValue' , '');
$('#sel_2').combobox('reload' , 'ProvinceServlet?method=getCity&pid='+pid);
}
});