ExtJs学习

一定注意json的数据格式

1、把一块页面加载到另外一个页面中作为其一部分：

如：

new Ext.Viewport({

anchor : '98%',

layout : 'fit',

items : [ tabPanel ]

});

tabPanel 是一个定义如为 TabPanel var tabPanel = new Ext.TabPanel({});

2、Panel里面放表单

var panelUnifiedCal = new Ext.Panel({

id:'koujing',

title:"统计口径",

autoScroll : true,

border : false,

anchor : '97%',

layout : 'fit',

items : [statisCaliberFrom]

});

statisCaliberFrom是一个表单

3、表单的其中一种

items可以通过布局设置控件的排列

4、定义一个最基本的下拉框

new Ext.form.ComboBox(

{

store:new Ext.data.SimpleStore({

fields: ['value', 'text'],

data:[

['0','低'],

['1','中'],

['2','高']

]

}),//store用来为ComboBox提供数据

fieldLabel: '优先级',

triggerAction:'all',//query 会根据输入信息自动匹配 all 显示所有数据

mode:'local',//在本地读取数据

valueField:'value',//与store定义中的名字一样。正是根据他们之间的对应关系来显示数据。

displayField:'text',

value:'低',//设置默认值

anchor:'95%'

}

)

5、定义一个最基本的日期类型的时间日期控件

new Ext.form.DateField(

{

fieldLabel:'失效时间',

name: 'expTime',

emptyText:'请选择',//输入为空时提示的默认信息

format:'Y-m-d',//用以覆盖本地化的默认日期格式化字串

anchor:'95%'

}

)

未完待续~~~~~~~~~~~~~~~~~