六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 29|回复: 0

[ExtJs 2.02]Combobox的使用

[复制链接]

升级  17%

73

主题

73

主题

73

主题

举人

Rank: 3Rank: 3

积分
251
 楼主| 发表于 2013-2-7 14:42:53 | 显示全部楼层 |阅读模式
1.简单使用:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>ComboBox</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><link rel="stylesheet" type="text/css"href="resources/css/ext-all.css" /><script type="text/javascript" src="lib/ext-base.js"></script><script type="text/javascript" src="lib/ext-all.js"></script><script type="text/javascript"src="lib/ext-lang-zh_CN.js"></script><script type="text/javascript">Ext.onReady(function(){var CountryCode = [    ['93','Afghanistan(93)'],    ['355','Albania  (355)'],    ['213','Algeria  (213)'],    ['684','American Samoa  (684)'],    ['376','Andorra  (376)'],    ['244','Angola  (244)']]var cbb =new Ext.form.ComboBox({el:'cbb',emptyText:'请选择...',                fieldLabel: 'Country Code',                name:'Country Code',                forceSelection: true,                listWidth: 200,                store: new Ext.data.SimpleStore({                    fields: ['value', 'text'],                    data : CountryCode                    }),                valueField:'value',                displayField:'text',                typeAhead: true,                mode: 'local',                triggerAction: 'all',                selectOnFocus:true,//用户不能自己输入,只能选择列表中有的记录                allowBlank:false            })cbb.render();});</script></head><body><input id='cbb'/></body></html>
注意一下:这里的el对应的元素不是div 而是input
fieldLabel 元素在单独使用的时候没有作用,只有在form中起作用
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表