- 浏览: 464573 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (190)
- ExtJS (40)
- JavaScript (16)
- Java设计模式 (13)
- Html (10)
- Tomcat (9)
- myeclipse (5)
- JSP (5)
- CSS (10)
- JS/CSS (1)
- windows (12)
- Navicat For MySQL (1)
- struts2 (6)
- Spring2.0 (1)
- Java反射机制 (5)
- hibernate (9)
- java (17)
- B/SWeb完美打印方案 (1)
- 数据库相关 (4)
- java web报表 (1)
- 报表打印 (2)
- java泛型 (1)
- Servlet (2)
- SVN (7)
- Log4j (0)
- android (3)
最新评论
-
kation733:
斯蒂芬斯蒂芬多萨法阿凡达是否阿萨德
同时开启两个Tomcat -
BlueBing:
一路的夏天 写道楼主的代码会报错吧!在前面的时候String ...
使用Java反射机制遍历实体类的属性和类型 -
ying890:
非常感谢!
Ext JS中文乱码解决方案 -
zhylandroid:
谢谢了,对我很有帮助
DatabaseMetaData开发实务(上) -
wendy.wujing:
maxHttpHeaderSize="8192&qu ...
查看Tomcat配置的端口
Ext.form.ComboBox 属性详解(见注释)及使用方法
定义一个ComboBox:
- Wayfoon.YearComb = new Ext.form.ComboBox({
- id:'cbid',
- name:'year',//name只是改下拉的名称
- hiddenName:'hyear',//提交到后台的input的name
- width : 80,
- store : Wayfoon.Year,//填充数据
- emptyText : '请选择',
- mode : 'local',//数据模式,local代表本地数据
- readOnly : true,//是否只读
- value : (new Date()).YEAR,//默认值,要设置为提交给后台的值,不要设置为显示文本
- triggerAction : 'all',// 显示所有下列数据,一定要设置属性triggerAction为all
- allowBlank : false,//不允许为空
- valueField : 'value',//值
- displayField : 'text',//显示文本
- editable: false,//是否允许输入
- forceSelection: true,//必须选择一个选项
- blankText:'请选择'//该项如果没有选择,则提示错误信息
- });
注意:
id:'cbid',//作用不大,可以自动生成
name:'year',//name只是改下拉的名称,几乎没有作用
hiddenName:'hyear',//提交到后台的input的name,重要
使用firebug查看html代码, 以上代码生成html是
- <div id="ext-gen279" class="x-form-field-wrap x-trigger-wrap-focus" style="width: 80px;">
- <input id="hyear" type="hidden" name="hyear" value="01"/>
- <input id="cbid" class="x-form-text x-form-field x-form-focus" type="text" autocomplete="off" size="24" readonly="" style="width: 55px;"/>
- <img id="ext-gen280" class="x-form-trigger x-form-arrow-trigger" src="http://www.yibenzhang.com/JSFW/ext/resources/images/default/s.gif"/>
- </div>
可以看出一个下列选择 主要由三部分组成 两个input 和一个img。例外 name属性没有起到作用。
combobox中要用到的数据:可以改成数据库读取数据
- Wayfoon.Year = new Ext.data.SimpleStore({
- fields : ['value', 'text'],
- data : [['2008', '2008'], ['2009', '2009']]
- });
如果要下列框级联,在combox 里面加上
- listeners:{
- select:{
- fn:function(combo,record,index) {
- var store;
- if(record.get('value')=='广东')
- {
- store = Wayfoon.MMS.TypeStore5;
- }
- else if(record.get('value')=='广西')
- {
- store = Wayfoon.MMS.TypeStore51;
- }
- Ext.getCmp('city'+id).clearValue();
- Ext.getCmp('city'+id).store = store;
- if(Ext.getCmp('city'+id).view){
- Ext.getCmp('city'+id).view.setStore(store);
- }
- Ext.getCmp('city'+id).enable();
- }
- }
- }
比如省份和城市级联
- //省份数据
- Wayfoon.MMS.TypeStore4 = new Ext.data.SimpleStore({
- fields : ['value', 'text'],
- data : [['', '全部省份'],
- ['广东', '广东'], ['广西', '广西'], ['黑龙江', '黑龙江'],['吉林', '吉林'],['陕西', '陕西'],
- ['浙江', '浙江'],['江苏', '江苏'],['四川', '四川'],['湖北', '湖北'],['新疆', '新疆'],
- ['云南', '云南'],['安微', '安微'],['福建', '福建'],['江苏', '江苏'],['山东', '山东'],
- ['北京','北京']]
- });
- //城市数据1
- Wayfoon.MMS.TypeStore5 = new Ext.data.SimpleStore({
- fields : ['value', 'text'],
- data : [['', '全部城市'], ['深圳市', '深圳市'], ['广州市', '广州市']]
- });
- //城市数据2
- Wayfoon.MMS.TypeStore51 = new Ext.data.SimpleStore({
- fields : ['value', 'text'],
- data : [['', '全部城市'], ['桂林', '桂林'], ['山水', '山水']]
- });
- //省份combo
- Wayfoon.Province=function(id){
- var comboProvince=({
- xtype : 'combo',
- //name : 'combo-province',
- readOnly : true,
- triggerAction : 'all',
- allowBlank : true,
- width : 60,
- store : Wayfoon.MMS.TypeStore4,
- value : '',
- //pageSize:10,
- //typeAhead: true,
- //resizable : true,
- hiddenName : 'hComboProv',
- displayField : 'text',
- valueField : 'value',
- mode : 'local',
- emptyText : '选择省份',
- listeners:{
- select:{
- fn:function(combo,record,index) {
- var store;
- if(record.get('value')=='广东')
- {
- store = Wayfoon.MMS.TypeStore5;
- }
- else if(record.get('value')=='广西')
- {
- store = Wayfoon.MMS.TypeStore51;
- }
- Ext.getCmp('city'+id).clearValue();
- Ext.getCmp('city'+id).store = store;
- if(Ext.getCmp('city'+id).view){
- Ext.getCmp('city'+id).view.setStore(store);
- }
- Ext.getCmp('city'+id).enable();
- }
- }
- }
- });
- return comboProvince;
- }
- //城市combo
- Wayfoon.City=function(id){
- var comboCity=(
- {
- id:'city'+id,
- xtype : 'combo',
- readOnly : true,
- triggerAction : 'all',
- allowBlank : true,
- width : 60,
- store : new Ext.data.Store(),//Wayfoon.MMS.TypeStore5,
- value : '',
- hiddenName : 'hComboCity',
- displayField : 'text',
- valueField : 'value',
- mode : 'local',
- emptyText : '选择城市'
- });
- return comboCity;
- }
发表评论
-
功能: 用户点击grid的表头菜单显示/隐藏列,拉动列、重新刷新页面后保留。
2011-01-05 11:56 2324var grid = new Ext.grid.GridPa ... -
fieldSet组件的基本用法 将fieldSet上的边框去掉或者改变内边距
2010-05-29 09:58 10419先把fieldSet简单的回忆下: fieldset:对表单进 ... -
ext grid 没有数据时不显示横向滚动条的解决办法
2010-05-28 14:18 2626EXT Grid 没有数据时不显示横向滚动条的解决办法: t ... -
ExtJS中动态设置TextField的readOnly属性
2010-04-28 14:49 2383假设 textField, 它的 id = 'textFiel ... -
Ext监控回车按键
2010-03-06 11:25 2359listeners : {specialkey : funct ... -
Ext.Ajax类
2010-03-05 10:35 1892Ext.Ajax类Ext.Ajax类是一个简单而清晰的XHR封 ... -
Ext JS 键映射:键盘作为第一类操作对象
2010-02-26 15:07 2256Ext.KeyMap Ext提供几个不同的组件,支持键盘导航, ... -
如何在服务器端 读取Ext.ux.UploadDialog上传的文件?
2009-12-10 17:09 2193问题已经解决。 1。要导入 commons.io.jar包 ... -
ext 多文件上传控件 Ext.ux.UploadDialog 使用中的问题
2009-12-10 17:03 3288Ext.ux.UploadDialog 像ext一 ... -
Ext.data专题五:常用proxy之MemoryProxy
2009-08-26 14:44 3915MemoryProxy只能从JavaScript对象获得数据, ... -
Ext.data专题四:Ext.data.Store
2009-08-26 14:42 2795Ext.data.Store是EXT中用来进行数据交换和数据交 ... -
Ext.data专题三:Ext.data.Record
2009-08-26 14:40 5308Ext.data.Record就是一个设 ... -
Ext.data专题二:Ext.data.Connection
2009-08-26 14:38 1405Ext.data.Connection是对Ext.li ... -
Ext.data专题一:Ext.data简介
2009-08-26 14:36 1232Ext.data在命名空间中定义了一系列store、reade ... -
深入浅出Ext JS:数据存储与传输
2009-07-11 15:40 243910.4 Ext.data.Store Ex ... -
EXT核心API详解(十一)_Ext.data.Store/GroupingStore/JsonStore/SimpleStore
2009-07-03 17:17 5623Ext.data.Storestore是一个为 ... -
《Ext实战》节选:自定义单元格的显示格式
2009-07-02 14:49 1300有时候,需要在Grid中显示一个链接,或根据数字的大小显示不同 ... -
ext afteredit详解
2009-07-02 09:48 2375grid.on("afteredit",a ... -
ext_comboBox二级级联下拉框
2009-06-27 16:11 1775Ext.onReady(function(){ ... -
ExtJS 给textfield赋值的方法总结
2009-06-25 15:21 3291var value="值"; (1) f ...
相关推荐
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
ext关于form表单和combobox的例子
9.2.2 ext.container.abstractcontainer和ext.container.container的配置项、属性、方法和事件 / 434 9.2.3 将body元素作为容器:ext.container.viewport / 435 9.3 面板 / 436 9.3.1 面板的结构 / 436 9.3.2 ...
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编辑器字段 ...
easyui的datagrid中editor和combobox的级联,在datagrid中编辑项是下拉框的实现方式
easyui的datagrid中editor和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....
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
var fm = Ext.form; //构造一个只能包含checkbox的列 var checkColumn = new Ext.grid.CheckColumn({ header: 'Indoor?', dataIndex: 'indoor', width: 55 }); // 构造ColumnModel var cm = new Ext....
该资源是war包,里面包括ComboBox中的各个参数, 详细讲解在我的文档中有
首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
WPF、Prism实现ComboBox省市县三级级联
new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速检索', ...