学习ExtJs

@布局

 

@grid

 

@验证(日期,文本,图片格式)

 

@Ext.grid.ColumnModel //列模型

 

@Ext.data.Record.create //

 

@var store = new Ext.data.JsonStore

 

@Ext.form.TextField //文本

 

@Ext.PagingToolbar //页脚

 

@Ext.grid.EditorGridPanel //可编辑的Grid

 

@Ext.form.ComboBox //下拉框(级联操作有两种方式:从新load子选框的数据或采用过滤方式)

 

@Ext.FormPanel //form表单(布局需要注意,不是很好控制)

 

@Ext.Window //窗体

 

@panel: //可以随意定制一个panel,然后放置到window或其它元件的item中

var chats = {
      xtype:'panel',
      name: 'charts',
      html:'<iframe   frameborder="0" width="700" height="100%" src="chart.jsp"></iframe>',
      width:700,   
      height:360
 };

 

>>布局的调整

>>grid的自适应问题

>>数据验证

>>导出excel

>>生成统计图表

>>ComboBox 级联问题

>>图片预览

>>上传附件

===========备忘==========

Ext.form.TextField属性及方法

var idField5 = new Ext.form.TextField({
		//fieldLabel:'',//去掉label的文字
		hideLabel:true, //隐藏label，确切的是隐藏了":"（属性）
		hidden:true,    //隐藏文本框（属性）
		
		//disabled:true, //设置文本框为不可用，灰色显示
		//hideMode:"visibility", //visibility, as css 如何使用这个属性
		//readOnly:true, //readonly
		name:'id',
		allowBlank:true,
        anchor:'90%'
	});
	//idField5.hide(); //设置文本框为隐藏（方法）
	//idField5.setVisible(false); //设置文本框为不可见的，功能同上（方法）