日期:2014-05-16  浏览次数:20408 次

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();
和上面的一模一样,能明白么?
------解决方案--------------------
探讨
谢谢你的回答,你写的代码还是可以看懂的,但是我现在学了快1个多星期了还是没什么进展啊,只能照着列子依葫芦画瓢啊,能不能推荐写书和资料什么的,还有那个API实在不好用啊。

------解决方案--------------------
建议熟练用好js在用类库,能用js的地方绝对不用类库,等js到达了一个出神入化的地步再用类库吧