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中起作用
分享到:
相关推荐
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
extjs2.02的帮助文档,中文完整版
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端 ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs...
ExtJs2.02官方实例aspx(.net)版
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
这个软件现在市面上只有2.0 和2.1 2,0有些新东西不能用 2.1要钱才能用啊, <br>怕这个东西以后2.02没有了先发个到csdn保存一下, <br>听说网友想在2.02上开发出网友自己的2.1这个目前不敢肯定,但是官方的...
extjs 自动补全,模拟下拉列表combobox
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/701745
代码看起来简洁又漂亮是如何做到的,这篇文章主要为大家详细介绍了Extjs如何让combobox写起来更简单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:’local’在Extjs4.0中用queryMode: ‘local’来表示,而且在...
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
extjs的combobox功能很强大,通过它可以模糊查询,只要添加几个属性即可,网上找的代码有的不符合我的要求。 所以自己改了一些代码。
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046190
当需要为ComboBox加载数据后进行赋初始选中项的话,如果是写在store.load()之后
使用combobox时,它有一个hiddenName的属性,专门用于提交combobox中value的值,接下来介绍extjs3 combobox如何取value和text值,感兴趣的朋友可以不要错过了啊