天天看點

EasyUI combobox

設定Combobox預設選中項

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

當文本框和combobox設定同樣的寬度的時候,代碼視圖展示如圖,都設定為148px寬度

EasyUI combobox

預覽後的效果如下:

EasyUI combobox

同樣寬度情況下,combobox設定的寬度 多加6px 才可以和文本框顯示一樣的長度

EasyUI combobox

=========================================================

 通過ajax背景擷取json資料 初始化combobox

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

設定combobox選中項:$('#selectCategory').combobox('setValue', "123");

 禁制使用者輸入屬性:editable:false

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

 combobox預設選中項=====================================================

 ajax擷取背景的JSON資料,在第一個節點的屬性上添加 selected:true 這個屬性 即可讓這個節點預設為選中的,但是這樣我們背景擷取的資料不大好處理,我一般都是一個datatable或者List 用json.net直接轉換為json了。

 就是在combobox的加載完畢事件裡擷取目前的combobox資料,設定第一個節點為選中項

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

 另外一種較為簡單點的寫法

EasyUI combobox
EasyUI combobox

==========================================================================================================

EasyUI combobox

選中多個值

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

 擷取選中的多個值。将擷取到的值通過ajax傳入到背景的時候,取出來的資料例如是:"31,32,33,34" 需要對該字元串編碼 encodeURI() 背景通過 UrlDecode解碼即可,否則背景擷取到的是空值

 設定多個選中值

 例如我從背景的資料庫裡取出來了資料前台的指派方法。資料内的資料的存儲如下圖,

EasyUI combobox

31,32,33,34這樣存儲選中的多個值

前台的指派方法是

EasyUI combobox
EasyUI combobox

本文轉自左正部落格園部落格,原文連結:http://www.cnblogs.com/soundcode/p/4814161.html,如需轉載請自行聯系原作者