jquery EasyUI 的下拉框內容自動過濾

2021-07-24 20:15:51 字數 1101 閱讀 3858

環境:jquery easyui 1.4.1

關於內容自動過濾的下拉框涉及2種 combobox(又combo擴充套件而來)、 combogrid(又combo和datagrid擴充套件而來)

內容過濾的屬性是mode,其值為local或remote,預設為local

mode功能定義:

當文字改變時如何讀取列表資料。設定為'remote'時,下拉列表框將會從伺服器載入資料。當設定為「remote」模式時,使用者輸入將被傳送到名為'q'的http請求引數到伺服器檢索新資料。

注意一下幾點:

1 預設為local ,即你不配置該屬性時,combobox的效果會根據你首次載入的data為基礎,隨著你輸入值的改變,它會自動過濾下拉內容的值的多少,很智慧型;而combogrid的local時,效果和combobox不同,它只會將接近輸入值的內容放置到當前區域,並有顏色不同的標識,並不會資料過濾

下面列出基本的配法

最基本的combobo和combogrid的local形式

$('#cc').combobox();

$('#cc').combogrid(,,,

]]});下面是remote形式

$('#cc').combobox();

$('#cc').combogrid(,,,

]] });下面介紹一種特殊情況

對於在datagrid中使用editor時,如果使用combobo或combogrid的editor怎麼辦呢?local是預設值就不說了,不指定mode就ok了,而mode=remote的配法略顯不同

$("#cc").datagrid(,

columns : [ [,    ,,

]],editable : true,

required : true,

validtype : [ 'email',"remote['/xx/test.do','commoditycode']"],

onselect : function(rowindex, rowdata)

}}                            

}] ]

});上面的排版不好,,懶的找了,其實配法是從validatebox控制項學來的

jquery easyui中獲取下拉列表的值

問題 原來以為jquery easyui中的下拉列表中獲取值的方式和普通的下拉列表獲取值的方式相同,都是var value select val 的形式,但是不生效。原因 jqueryui採用的是combobox外掛程式獲取下拉列表的值,而combo和combobox兩個控制項獲取值和文字的方法都是...

jquery easyui中layout的寫法總結

用jeasy ui的layout來布局時,一定要注意其寫法,尤其巢狀布局時,容易出現錯誤。經過一陣子的使用,總結規則如下 list 1 class定義為 easyui layout 的元素,必須要有style裡的height設定 width可以忽略,預設是100 也可以設定fit true 意味著將...

求jquery easyui 的驗證

今天又看jquery easyui的原始碼,我準備呼叫validatabox 來呼叫 validate 函式,如下 function valid 但是似乎不能進行驗證,走進原始碼一看發現 validate中獲得 data 299,validatebox options.validtype為不被定義。...