//二维数组,保存年份的值和文本,文本作显示用 var year = [['2005', '2005'], ['2006', '2006'], ['2007', '2007'], ['2008', '2008'], ['2009', '2009'], ['2010', '2010'], ['2011', '2011'], ['2012', '2012']]; //SimpleStore=Store+MemoryProxy+ArrayReader var storeyear = new Ext.data.SimpleStore({ //在此创建了两列数据.第一列列名为value,用于存储值 //第二列列名为text,用于存储显示文本 fields : ['value', 'text'], data : year }); var yearCombox = new Ext.form.ComboBox({ fieldLabel : '目标年份',//标签 //hiddenName :隐藏域名,用于指示生成表单隐藏域.如将hiddenName改为name,则在传值时会传文本的值 hiddenName : 'year', store : storeyear, //displayField :显示文本.名字必须跟storeyear定义的field(即名为text)一样 displayField : 'text', //valueField :值.名字必须跟storeyear定义的field(即名为value)一样 valueField : 'value', typeAhead : true, //mode :值local表明yearCombox需要的数据已经读取到本地,不需要再去后台读取 //mode默认值为remote,当值为remote时,会默认加载数据.可以设mode为local,然后手工加载数据storeyear.load() //如果设置为remote又使用了storeyear.load(),则会读取两次 mode : 'local', //triggerAction :默认值为query,如果值为query,它会使用autoComplete(自动完成)功能 //在输入时将不匹配的过滤掉.而值为all时将显示所有列表 triggerAction : 'all', editable : false,//是否可编辑,类似于readOnly属性 emptyText : '请选择',// 默认提示信息 allowBlank : false,//是否允许空 blankText : '不能为空,请选择有效信息',//错误提示信息 msgTarget : 'under',//在该组件的下面显示错误提示信息 selectOnFocus : true, width : 200 //该combobox组件的宽 });
可以注册事情监听选择的数据,代码如下:
//第一个参数'select'告诉yearCombox要监听选择事件 //第二个参数是处理这个事件的事件监听器,传入的参数为被监听的yearCombox本身 yearCombox.on('select',function(combo){ alert(combo.getValue()+'-'+combo.getRawValue()) })
相关推荐
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
Ext.form.field.ComboBox结合Java、JSON实现AutoComplete
用EXT来实现下拉框ComboBox 下拉框可以实现分页
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
NULL 博文链接:https://leonel.iteye.com/blog/454174
4.1.12 Ext.form.field.ComboBox组合框 4.1.13 Ext.form.field.Time时间选择框 4.1.14 Ext.form.field.Date日期选择框 4.1.15 Ext.form.field.Hidden隐藏字段 4.1.16 Ext.form.field.HtmlEditor编辑器字段 ...
ext关于form表单和combobox的例子
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
var fm = Ext.form; //构造一个只能包含checkbox的列 var checkColumn = new Ext.grid.CheckColumn({ header: 'Indoor?', dataIndex: 'indoor', width: 55 }); // 构造ColumnModel var cm = new Ext....
6.1.8 ext.domquery的使用方法 / 249 6.1.9 ext js选择器的总结 / 252 6.2 获取单一元素:ext.dom.element / 252 6.2.1 从错误开始 / 252 6.2.2 使用ext.get获取元素 / 253 6.2.3 使用ext.fly获取元素 / 256 ...
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速检索', ...
VB api编程模块ComboBox输入设计代码VB api code programming model ComboBox input design
资源无,ComboBox
在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括: 1、FileUploadField 文件上传 体验例子见:...Ext.form.ComboBox 的样式就很漂亮!
在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值
VB编程ComboBox列表框实例设计代码VB ComboBox list box design example programming code