代碼 ?1???//????????????????????//擬文人
?2?????????????????????//????????????????????//用來定義選擇擬文人的下拉列表框
?3?????????????????????//????????????????????var?nwrComboStore?=?new?Ext.data.Store({
?4?????????????????????//????????????????????????id:?'nwrComboStore',
?5?????????????????????//????????????????????????proxy:?new?Ext.data.HttpProxy({?url:?'dealData.aspx?Param=nwrCombo'?}),
?6?????????????????????//????????????????????????reader:?pubReader
?7?????????????????????//????????????????????});
?8?????????????????????//????????????????????//用來顯示在新增窗口的panel中
?9?????????????????????//????????????????????var?_nwrCombo?=?new?Ext.form.ComboBox({
10?????????????????????//????????????????????????id:?'nwrCombo',
11?????????????????????//????????????????????????queryParam:?'name',?//查詢的名字??
12?????????????????????//????????????????????????allQuery:?'',?//查詢全部信息的查詢字符串
13?????????????????????//????????????????????????loadingText:?'正在加載擬文人信息，請稍后...',?//加載數據時顯示的提示信息?
14?????????????????????//????????????????????????minChars:?1,?//下拉列表框自動選擇前用戶需要輸入的最小字符數量?
15?????????????????????//????????????????????????queryDelay:?500,?//查詢延遲時間
16?????????????????????//????????????????????????store:?nwrComboStore,
17?????????????????????//????????????????????????tpl:?'<tpl?for="."><div?ext:qtip="{text}"?class="x-combo-list-item">{text}</div></tpl>',?//每一項的提示信息
18?????????????????????//????????????????????????editable:?true,?//可輸入
19?????????????????????//????????????????????????typeAhead:?true,
20?????????????????????//????????????????????????emptyText:?'請選擇',
21?????????????????????//????????????????????????mode:?'remote',
22?????????????????????//????????????????????????triggerAction:?'all',
23?????????????????????//????????????????????????valueField:?'value',
24?????????????????????//????????????????????????displayField:?'text',
25?????????????????????//????????????????????????fieldLabel:?'擬文人*',
26?????????????????????//????????????????????????labelStyle:?"color:red;",
27?????????????????????//????????????????????????//?listWidth:450,//dropdownlist的寬度
28?????????????????????//????????????????????????//resizable:?true,
29?????????????????????//????????????????????????allowBlank:?false,
30?????????????????????//????????????????????????blankText:?"你必須選擇擬文人",
31?????????????????????//????????????????????????forceSelection:?true,?//限制只能輸入下拉列表中的文本
32?
33?????????????????????//????????????????????????//????????hiddenName:?'value',??//后臺要接收的值?
34?????????????????????//????????????????????????pageSize:?20
35?
36?????????????????????//????????????????????});
37?????????????????????//????????????????????//在新增窗口，如果通過查詢字符串查詢不到擬文人，將做如下處理。
38?????????????????????//????????????????????nwrComboStore.on('load',?function()?{
39?????????????????????//????????????????????????if?(nwrComboStore.getTotalCount()?==?0)?{
40?????????????????????//????????????????????????????Ext.Msg.alert("提示",?"該擬文人不存在，請重新選擇。");
41?????????????????????//????????????????????????????_nwrCombo.reset();
42?????????????????????//????????????????????????}
43?????????????????????//????????????????????});

?

轉載于:https://www.cnblogs.com/oversky/archive/2010/02/08/1665899.html

總結

以上是生活随笔為你收集整理的extjs--combox用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。