随笔-9  评论-168  文章-266  trackbacks-0
一.本地模式
  var articlekind = new Ext.form.ComboBox({
                                         fieldLabel : '部门',  //UI标签名称
                                         name : 'identity',   //作为form提交时传送的参数名
                                         allowBlank : false,  //是否允许为空
                                         mode : 'local',      //数据模式, local为本地模式, 如果不设置,就显示不停的加载中...
                                         readOnly : true,     //是否只读
                                         triggerAction : 'all',  //显示所有下列数.必须指定为'all'
                                         anchor : '90%',
                                         emptyText:'请选择...',  //没有默认值时,显示的字符串
                                         store : new Ext.data.SimpleStore({  //填充的数据
                                                           fields : ['text', 'value'],
                                                           data : [['t1', 'v1'], ['t2', 'v2'], ['t3', 'v3']]
                                         }),
                                         value:'t2',  //设置当前选中的值, 也可用作初始化时的默认值, 默认为空  
                                         valueField : 'value',      //传送的值
                                         displayField : 'text',     //UI列表显示的文本
                                         regex : /[\u4e00-\u9fa5]/,   //只能输入中文. 正则表达式验证:详见: http://www.blogjava.net/algz/articles/263284.html
                                         regexText : "只能输入中文!"       //使用正则表达式时,设置的错误提示
                                 });

五个必须项.
 
二.远程模式
//author.json页面:    {author : [{text : "t1" , value : "v1" } , {text : "t2" , value : "v2" }]}
  var remoteComboBox= new Ext.form.ComboBox({
                                         fieldLabel : '部门',  //UI标签名称
                                         name : 'identity',   //作为form提交时传送的参数名
                                         allowBlank : false,  //是否允许为空
                                         mode : "remote",      //数据模式为远程模式, 也可不设置,即默认值也为remote
                                         readOnly : true,     //是否只读
                                         triggerAction : 'all',  //显示所有下列数.必须指定为'all'
                                         anchor : '90%',
                                         emptyText:'请选择...',   //没有默认值时,显示的字符串
                                         store : new Ext.data.JsonStore({  //填充的数据
                                                           url : "author.json",
                                                           fields : new Ext.data.Record.create( ['text', 'value']),   //也可直接为["text","value"]
                                                           root : "author"
                                         }),
                                         value:'v2',  //设置当前选中的值, 也可用作初始化时的默认值, 默认为空
                                         valueField : 'value',  //传送的值
                                         displayField : 'text'  //UI列表显示的文本
                                 });
posted on 2008-09-08 10:46 紫蝶∏飛揚↗ 阅读(9996) 评论(5)  编辑  收藏 所属分类: EXTJS

评论:
# re: Ext.form.ComboBox 基本定义 2008-11-20 17:35 | wordBrowser
Ext的属性太多了!幸亏看到了这篇文章!
支持一下!  回复  更多评论
  
# re: Ext.form.ComboBox 本地和远程模式的基本定义 2009-06-29 16:02 | cexodan
远程模式当中的还必须指定一个hiddenName 否则value值取不到的!
hiddenName与valueField是并存的!  回复  更多评论
  
# re: Ext.form.ComboBox 本地和远程模式的基本定义 2009-06-29 16:03 | cexodan
QQ103407324
请博主多多指教..我是新手一枚!~  回复  更多评论
  
# re: Ext.form.ComboBox 本地和远程模式的基本定义 2009-09-24 11:04 | 紫蝶∏飛揚↗
有了name 就可以不用hiddenName,他们只是使用环境不同而已,不必生究.  回复  更多评论
  
# re: Ext.form.ComboBox 本地和远程模式的基本定义 2012-10-11 00:20 | qinyetao
谢谢 我远程做好了,做个本地,本地就死无法显示,还报错,原来要设置那个mode属性 我勒个去  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: