GWT的自動提示下拉框

2021-08-30 05:03:27 字數 921 閱讀 3098

如何用gxt來做乙個簡單的自動完成下拉框呢?這裡涉及到4個類:

combobox   下拉框物件

liststore     下拉框的資料來源

listloader   資料來源的loader

rpcproxy     rpc**物件,用於和伺服器進行互動

請看下面的**示例:

rpcproxy> proxy = new rpcproxy>() 

};listloader> loader = new baselistloader>(proxy);

liststorestore = new liststore(loader);

comboboxcbo = new combobox();

cbo.setstore(store);

cbo.setfieldlabel("基站名稱");

cbo.setloadingtext("查詢中...");

cbo.setdisplayfield("name");

cbo.setminchars(2);

cbo.sethidetrigger(true);

cbo.setitemselector("div.search-item");

cbo.settemplate("

");

.search-item
這裡講解下執行原理。

1. 在下拉框中敲下2個及以上字元,觸發loader的load方法。

2. loader使用proxy來載入資料。

3. proxy被執行,service方法被呼叫,和伺服器進行互動。

4. rpcproxy返回資料載入進loader,觸發loader的load event

5. store監聽loader的event,從而新增新的資料。

可輸入 自動匹配的下拉框

thanks for jk style.css ac menu ac menuitem ac menuitem selected main.js function combobox sobj,al v,al t loadcombobox sobj,al v,al t function loadcom...

可輸入 自動匹配的下拉框

style.css ac menu ac menuitem ac menuitem selected main.js function combobox sobj,al v,al t loadcombobox sobj,al v,al t function loadcombobox obj,al v...

下拉框 列舉

列舉 public enum mchtprofitsplittype public string getvalue class 初始化中要放到下拉列表裡的 分賬方式列舉mchtprofitsplittype listorgprofitsplittypelist new arraylist mchtp...