EXT学习该如何下手啊
如何快速学习EXT,能写些表单,布局就行,不知道怎么下手啊。看项目的代码看不懂啊。
------解决方案--------------------json 面向对象
必须有js基础
首先明白js里面对象的构造方式
var obj= new Object();//构造函数构造
var obj={title:'test',value:'1'};//字面量构造,json写法,ext里面参数传递大多数就是这个方式了,一般都是传递一个对象,看着配置项眼花缭乱,一定要明白它就是一个对象而已
数组的构造:
var arr=new Array();//
var arr=[1,2];//json写法,一定要明白这是一个数组,一般报表的数据源用的都是json数组,还有组件的重要配置项items也是一个数组
明白对象和数组的json写法后,传递参数就没有问题了
配置一个表单:
var panel=new Ext.Panel(
{
renderTo:'div1',
title:'',layout:'form',
items:[
{xtype:'textfield',fieldLabel:'项1'},
{xtype:'textfield',fieldLabel:'项2'}
]
}
);
panel.show();
在页面写一个id为div1的div就可以显示出来了,能看明白么?
向panel的构造函数传递了一个对象类型参数,这个对象有renderTo,title,layout,items几个属性;
items又是一个数组,长度为2,是两个对象
如果能看明白可以开始学习,
看不明白还是先去打打基础吧,都说得这么清楚了还不明白只能是基础太差
------解决方案--------------------api非常有用
看来无问题还是在你的基础上
理解面向对象的知识的话会好很多,完全没用过面向对象的编程的话会抓瞎
最好的资料就是api,
请确保能明白json对象,数组
就上面的示例,换个写法:
var items=new Array();
for(var i=0;i<2;i++)
{
items.push({xtype:'textfield',fieldLabel:'项'+i};
}
var style=new Object();
style.renderTo='div1';
style.layout="form";
style.items=items;
var panel=new Ext.Panel(style);
panel.show();
和上面的一模一样,能明白么?
------解决方案--------------------
------解决方案--------------------建议熟练用好js在用类库,能用js的地方绝对不用类库,等js到达了一个出神入化的地步再用类库吧