1. 程式人生 > >EasyUI中combobox的使用方法

EasyUI中combobox的使用方法

Combobox用法和方法引數:

1、 需要引入class=" easyui-combobox”

2、 引數設定需要在data-options中設定

3、 屬性引數配置:

valueField:基礎資料值名稱繫結到Combobox(提交值)

textField:基礎資料的欄位名稱繫結的Combobox(顯示值)

mode:定義當文字改變時如何載入列表資料,當設定為remote模式下,什麼型別的使用者將被髮送http請求引數名為'q'的伺服器,以獲取新的資料。

url:從遠端URL來載入列表資料

method:http方法檢索列表資料

data:列表中被載入的資料

filter:定義如何過濾本地資料“模式”設定為'local'

formatter:定義如何呈現行

loader:定義如何從遠端伺服器載入資料

4、 事件:

onBeforeLoad(param): 操作之前將資料載入,返回false就取消這個荷載作用

onLoadSuccess():觸發時,遠端資料載入成功

onLoadError:觸發時,遠端資料載入錯誤

ONSELECT:觸發,當用戶選擇一個列表項

onUnselect:觸發,當用戶取消選擇一個列表


5、方法:

options():返回選擇物件

getData():返回載入的資料

loadData(data):載入列表資料

reload(url):重新載入遠端資料列表

setValues(values):設定combobox的值陣列

setValue(value):設定combobox的值

clear():清空combobox的值

select(value):選中指定的值

unselect(value):取消指定的值

相關推薦

easyuicombobox設定預設選中項的方法

<input class="easyui-combobox" name="IS_SPEC_TEST" id="IS_SPEC_TEST"    data-options="valueField: 'value',textField: 'label',data: [{

EasyUIcombobox的使用方法

Combobox用法和方法引數: 1、 需要引入class=" easyui-combobox” 2、 引數設定需要在data-options中設定 3、 屬性引數配置: valueField:基礎資料值名稱繫結到Combobox(提交值) textField:基礎資料的欄

easyuicombobox 取值

pre com 顯示 field pen eas eth eight fun <input id="cmbstrTrainType" class="easyui-combobox" name="cmbstrTrainType" style="width:102px;

EasyUICombobox查詢預設選中查詢結果第一項

1.下面是js檔案中直接根據id載入資料的方法。紅框是載入第一項的通用方法,載入的是data的值,其中changeArr是一個json陣列,注意valueField和textField與json陣列的“鍵”:id和name保持一致。     2.也可以從資

easyuicombobox 驗證輸入的值必須為選項框的資料

當作為提示框的方式時,combobox必須設定為允許使用者輸入的模式,但是當用戶輸入後未選擇正確的資料就直接按tab或點選滑鼠離開控制元件會導致使用者輸入無效的值並且通過驗證,為了避免這種情況的發生我們需要對輸入的值進行確認,輸入不正確就清空使用者的輸入框以達到提示的效

使easyuicombobox控制元件支援本地資料自動補全

easyui的combobox確實給我們實現自動補全功能帶來了便利,但是有時候我們為了減少伺服器壓力,會將一些不常更改的資料快取到前端,例如使用cookie和html5的storage進行快取. 那麼如何使用combobox實現對快取資料進行提示呢?直接上程式碼: fi

Easyuicombobox獲取頁面重新整理前的值為預設值

在考核系統中,對於combobox使用了很多,真是讓人歡喜讓人悲呀...這是幾點使用的心得  1. 級聯選單。    Easyui中combobox的級聯選單還是很方便使用的。,拖放兩個combobo

easyuicombobox在火狐瀏覽器下中文檢索問題

當combobox下拉框中的下拉列表選項過多時,我們不喜歡下拉然後一個一個選擇,我們希望可以通過輸入相關內容,然後根據內容來匹配結果,預設情況下,combobox支援自動匹配,使用者輸入部分內容,然後根據內容來匹配相關的下拉選項。如下圖所示: 如果是中文的選項,在chrome瀏覽器下也

EasyUIcombobox的程式碼例項

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

easyUIcombobox的下拉框資料背景顏色設定

<input class="easyui-combobox" id="approvalOrder" style="width:100px" data-options="

EasyUI Combobox裏的onChange和onSelect事件的區別

.com ons nbsp 改變 change cit bob 時也 一個 EasyUI 中 Combobox 選項發生改變時會觸發 onChange,onSelect,onClick 3 個事件。 最近要做一個級聯的 Combo 菜單,類似於選擇地址時讓用戶填寫省,市,

easyui的下拉菜單是樹形結構時如何實現onchange方法

問題 input style 出現 發現 class 如果 box ble 今天碰到一個問題就是我寫的代碼中的一個下拉列表顯示的是樹型菜單,代碼如下(使用的是easyui): .... <tr> <td>地區:</td>

EasyUIeasyui-combobox的onchange事件。

lec cnblogs func select .com obj cti html class html: <select id="cbox" class="easyui-combobox" name="dept" style="width:200px;"&g

easyuicomboboxonLoadSuccess多次加載產生的問題

UNC value else ext class UC lec IV com 這種代碼看起來,也是讓人醉醉的了~~~ $(‘#comboTestUnit‘).combobox({ valueField: ‘UnitId‘, te

jquery-easyui元件combobox模糊查詢在IE資料太多導致瀏覽器崩潰

       由於combobox模糊查詢是吧原來的所有下拉的選項首先全部隱藏,然後再根據使用者輸入的值來判斷,如果正確,則顯示出來,本人測試1000條資料的時候在火狐裡並沒有問題,可是在IE8卻導致瀏覽器十分緩慢,經常導致瀏覽器奔潰。由於

EasyUI多個Combobox聯動設定

1.本方法直接使用combobox的屬性方法查詢結果。注意後臺方法必須返回json陣列,並且要以{id:--,name:--},的形式為一組,對應valueField和textField。紅框為設定聯動的方法。   2.聯動方法繼續查詢第二個combobox的載入值,注意ty

jQuery EasyUIwindow/dialog 視窗摺疊和展開方法(顯示)

在jQuery的EasyUI中新視窗或訊息框是通過class="easyui-window"和class="easyui-dialog"定義,並可以通過其collapsible、minimizable、maximizable、closable、closed分別控

day03-easyUImessager物件方法及menubutton選單使用

messager物件方法使用         alert方法---提示框       (info預設是英文,如果需要是中文,需要引入: <script type=

easyui一個頁面多個combobox下拉框載入同一json資料,下拉框無法選中問題

版本問題,可以通過升級easyui為最新版本解決,也可以通過以下程式碼處理/** * 初始化下拉框 * @param unitid dom元素id * @param value 初始化選中值 * @param data json資料集合 */ function in

EasyUI使用datagrid元件的insertRow方法進行前端插入JSON資料問題

在專案研發過程中,現場運維提出一個需求,能通過編寫json檔案的形式動態插入datagrid表格中幾條模擬資料; 前提是頁面已經從後臺通過介面形式渲染好了表格,渲染成功後再通過ajax呼叫json資料形式往表格插入資料; $("#id-searchInfo").datagrid(