extjs学习方法

① 想自学javascript需要首先学习哪些方面的知识

要系统的学习JavaScript要掌握以下知识：首先掌握HTML和CSS，这是基础也是学习JavaScript的时候需要用到的知识。 千锋教育就有线上免费JavaScript线上公开课。【更系统全面的学习资料，点击查看】
其次，刚开始入门不建议看《JavaScript权威指南》和《JavaScript高级程序设计》这些书籍。并非这些书籍不好，相反这些书籍是公认的好书!主要是因为这些书籍内容太多太厚了，很容易让你走上‘从入门到放弃’道路!对于初学者而言，多而全意味着主次难分，无法取舍;此时你想把JavaScript学好，只能全学，然而很多内容对于初学者而言很难理解!第三，系统地学习JavaScript应根据知识点的难易及内在联系划分阶段：初级->进阶->高级，这样才能更好地学习JavaScript。最后 最好有内行人指导，什么内容常用，什么内容重点掌握等等。如果身边没有这样的人，可以选择报班学习。千锋教育目前在18个城市拥有22个校区，年培养优质人才20000余人，与国内20000余家企业建立人才输送合作关系，院校合作超600所【千锋IT培训机构，热门IT课程试听名额限时领取】

② 本人想要学习extjs...完全不知道如何下手...看一些教程都没有讲原理的...觉的都没有学到东西。

4.0.x的话最好的资料就是官方帮助文档了，虽然是英文的，看多了就习惯了，如果你回了解javaScript不需要什么教程答，用到什么就查什么，时间久了就熟悉了，我也是这样，非要视频的话，在技术牛人论坛里面有前面基础的10集视频免费看，新开发的群javaEE_Extjs欢迎新手加入，共同进步

③ 高分悬赏EXTJS学习方法和经验

一、理解Html DOM、Ext Element及Component
要学习及应用好Ext框架，需要理解Html DOM、Ext Element及Component三者的区别。
Ext是基于web的富客户端框架，其完全是基于标准W3C技术构建设的，使用到的都是HTML、CSS、DIV等相关技术。Ext最杰出之处，是开发了一系列非常简单易用的控件及组件，我们只需要使用这些组件就能实现各种丰富多彩的UI的开发。
无论组件有多少配置属性、还是事件、方法等等，其最终都会转化为HTML在浏览器上显示出来，而每一个HTML页面都有一个层次分明的DOM树模型，浏览器中的所有内容都有相应的DOM对象，动态改变页面的内容，正是通过使用脚本语言来操作DOM对象实现。
仅仅有DOM是不够的，比如要把页面中的某一个节点移到其它位置，要给某一个节点添加阴影效果，要隐藏或显示某一个节点等，我们都需要通过几句 javascript才能完成。因此，Ext在DOM的基础上，创建了Ext Element，可以使用Element来包装任何DOM，Element对象中添加了一系列快捷、简便的实用方法。
对于终端用户来说，仅仅有Element是不够的，比如用户要显示一个表格、要显示一棵树、要显示一个弹出窗口等。因此，除了Element以外，Ext 还建立了一系列的客户端界面组件Component，我们在编程时，只要使用这些组件Componet即可实现相关数据展示及交互等，而 Component是较高层次的抽象，每一个组件在渲染render的时候，都会依次通过Element、DOM来生成最终的页面效果。
在使用Ext开发的应用程序中，组件Component是最高层次的抽象，是直接给用户使用的，Ext Element是Ext的底层API，主要是由Ext或自定义组件调用的，而DOM是W3C标准定义的原始API，Ext的Element通过操作DOM 来实现页面的效果显示。
在Ext中，组件渲染以后可以通过访问组件的el属性来得到组件对应的Element，通过访问Element的dom属性可以得到其下面的DOM对象。另外，我们可以通过通过Ext类的快捷方法getCmp、get、getDom等方法来得组件Component、Ext元素Element及DOM节点。比如：
var view=new Ext.Viewport();//创建了一个组件Component
view.el.setOpacity(.5);//调用Element的setOpacity方法
view.el.dom.innerHTML="Hello Ext";//通过Element的dom属性操作DOM对象
再看下面的代码：
var win=new Ext.Window({id:"win1",title:"我的窗口",width:200,height:200});
win.show();
var c=Ext.getCmp("win1");//得到组件win
var e=Ext.get("win1");//根据id得到组件win相应的Element
var dom=Ext.getDom("win1");//得到id为win1的DOM节点
二、熟悉ext组件体系
Ext2.0对整个框架进行了重构，最为杰出的是推出了一个以Component类为基础的组件体系，在Component类基础上，使用面向对象的方法，设计了一系列的组件及控件。因此，要能游刃有余地使用Ext，熟悉Ext组件体系是最基本的。
在《ExtJS实用开发指南》中，有如下面一幅组件图：
通过组件结构图我们可以一目了然的看出整个Ext组件继承及组成体系，当使用一个组件的时间，了解他的继承体系，这样可以便于我们掌握组件的各种特性。
三、掌握核心控件
控件其实也是组件，比如用于显示树信息的TreePanel、用于显示表格的GridPanel及EditorGridPanel，还有代表应用程序窗口的Ext.Window等都属于Ext控件。在使用Ext的时候，一定要掌握一些核心控件，特别是处于基类的控件。比如上面提到的几个控件，他们都是继承于面板Panel，所以我们要重点掌握面板这个核心控件的特性。比如面板由以下几个部分组成：一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(bottom)、面板主区域(body)几个部分组成。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容器中，面板本身是一个容器，他里面又可以包含各种其它组件。只要掌握了Panel的应用，那么学习TreePanel、Window等就会变得简单得多。
同样的道理，对于Ext的表单字段来说，不管是ComboBox，NumberField、还是DateField，他们其它都是 Ext.form.Field类的子类，在他上面定义了表单字段的各种基本操作及特性。在学习使用表单字段组件时，一定要重点研究Field这个类，掌握他的主要方法、事件等，就能有助于更好的学习使用其它的字段。
四、学习及研究示例
由于javascript语言非常灵活，不像静态强类型语言（比如Java）那样有固定的代码设计模式，而往往是不同的人就有不同的编程风格。在实际应用开发中，只有见多识广，才能在自己的在脑中建立一个开发库。
学习别人的示例对于我们开发帮助会非常大，示例包括基本组件的应用、综合应用等多个方面。在此，简单推荐几个。
1、Ext官方示例，在ext项目下载包的examples目录中，包括各个控件的基本应用演示，同时还有一些比较复杂的组合示例，有简有繁，非常适合初学者认真研究。
2、Vifir推出的示例，Vifir推出的一些示例主要包括两类，一种是开源的示例应用，另外一种是针对VIP用户的实用示例。开源的示例主要是指 wlr单用户blog系统，这个一个集合了前后台技术的ext综合示例，而针对VIP用户的实用示例则是可以作为开发骨架或扩展组件的示例。
3、其它示例，在ext社区中还有很多比较优秀的ext应用示例，有些只是一个应用演示，虽然没有提供源码下载，但我们可以直接下载引用的js文件来得到这些示例的ext应用代码，同样能取起到非常好的学习效果。
五、多运用
Ext看起来是非常简单的东西，稍有点编程知识的人，按照《ExtJS实用开发指南》中的入门指南，半小时就能学会使用Ext。然而，当准备使用Ext开发一个项目时，却不知道从何处入手，或者是在使用Ext的时候，出了一点小问题自己不知道该如何解决。编程是一门实践性的科学，仅仅靠看书、看别人写的代码是远远不够的，因此，必须多做实践才行，只有通过不断的练习，大量的使用，才能对Ext的组件特性、事件、事件处理机制以及与服务器端交互接口等深入的掌握，只有多做运用，深入了解ext的组件的工作原理及机制，才能编写出高级的Ext的应用。
六、熟读Ext项目的源代码
如果要想深入应用Ext，那么阅读Ext项目的源代码这是必不可少的环节，Ext的代码质量非常高，通过阅读他的代码我们可以更加深刻的了解 javascript面向对象编程，Ext代码中包含了很多高级的js技巧以及设计模式。在使用Ext的过程中，我们经常根据项目的需要对Ext组件进行扩展，设计自己的组件或控件，而如何实现一个自定义的Ext组件，我们可以从Ext的各个组件源代码中找到答案。
Ext的源代码在Ext项目的source目录。读Ext源码，并不一定非要从某一个地方开始，而组件核心代码Component.js、容器组件代码 Container.js、面板Panel.js等这些是必看的； core目录中的Element.js、Ext.js等也是必看的。当需要从一个控件进行扩展的时候，最好能简单看一看这个控件的源代码。

④ 如何学习Extjs

一个偶然的机会，我发现了ExtJS框架，第一次看到其创建出来的效果时，简直兴奋死我啦，呵呵，没想到还有这么漂亮的UI控制，但使用起来却感觉不太爽，其一大缺点就是所带的类库太庞大啦，会比较影响速度，而且帮助文档全部是英文，英文的也还好啦，更重要的是其文档并没有相关的例子，只是列出来使用参数，让人很难掌握，只好去他们的官方论坛到处问人，郁闷！

不过还好，外国人一般都比较热情，基本上问的问题都有人会给我答复，呵呵

在帮朋友做的一个网站里，我就开始了大量使用了EXTJS框架，虽然其类库文件是很大，不过感觉能做出这种效果的话，这点牺牲还是值得的

为了不让自己很快又忘记，所以还是决定在这里写下一点东西，以后也比较方便查找，如果其中有写错的地方，请大家及时指正哦，谢啦！

先说说EXTJS的自定义函数吧，以下语句可创建一个函数：

Ext.Login=function(){
functionIsLogin(){

}
return{
init:function(){
IsLogin();
},
Login:function(){

}
}

刚开始时让我比较郁闷的是这种JS里的函数调用机制，以上代码里，将创建一个名为Ext.Login()的对象，应该相当于一个类的意思吧，然后可在其里面写其他相关的方法

在return里的为公有方法，这里面的方法可给外部程序调用（如在HTML文件里用），而在return以外的代码是其私有方法，只能在Ext.Login()这个对象里调用

如需要在其他页面调用里面的Login()方法，可直接写

<inputid="login"onclick="Ext.Login().Login()"/>

如果需要在页面加载时就调用，一般只需直接用EXTJS里的方法即可实现：

Ext.onReady(Ext.Login.init,Ext.Login);

这里的函数名并不需要加括号，第一个参数是要调用的方法，第二个是作用域，一般写此对象名即可

OK，关于基本的函数使用调用要注意的差不多就这些吧，之后再写写对AJAX的运用。

⑤ 本人现在学习ExtJS，谁有ExtJS的入门教程视频，（清晰版的）适合初次接触ExtJS的学员使用。

ExtJs视频教程(上).avi
http://dl.vmall.com/c0ubbdxakh
ExtJs视频教程1(下).avi
http://dl.vmall.com/c05tezhwon
ExtJs视频教程10(上).avi
http://dl.vmall.com/c009bcd6dk
ExtJs视频教程10(下).avi
http://dl.vmall.com/c0fp5fs6oi
ExtJs视频教程11.avi
http://dl.vmall.com/c0aj02ib0c
ExtJs视频教程12(上).avi
http://dl.vmall.com/c004973idh
ExtJs视频教程12(下).avi
http://dl.vmall.com/c001rgrdtm
ExtJs视频教程13.avi
http://dl.vmall.com/c009ygzh6w
ExtJs视频教程14.avi
http://dl.vmall.com/c0e0cqlee6
ExtJs视频教程15.avi
http://dl.vmall.com/c06bm3kof6
ExtJs视频教程16(上).avi
http://dl.vmall.com/c0gtdad07s
ExtJs视频教程16(下).avi
http://dl.vmall.com/c09uppmxxg
ExtJs视频教程17.avi
http://dl.vmall.com/c0x9q2jsy1
ExtJs视频教程18(上).avi
http://dl.vmall.com/c0r7wsjny8
ExtJs视频教程18(下).avi
http://dl.vmall.com/c0ljkgvdbt
ExtJs视频教程19(上).avi
http://dl.vmall.com/c0sxwb3mcs
ExtJs视频教程19(下).avi
http://dl.vmall.com/c0bne69ab3
ExtJs视频教程2(上).avi
http://dl.vmall.com/c0rb2nksiv
ExtJs视频教程2(下).avi
http://dl.vmall.com/c0lntha1ha
ExtJs视频教程20(上).avi
http://dl.vmall.com/c0xo6ry6uv
ExtJs视频教程20(下).avi
http://dl.vmall.com/c09bft5oab
ExtJs视频教程21(上).avi
http://dl.vmall.com/c0e8pmwasl
ExtJs视频教程21(下).avi
http://dl.vmall.com/c0oc248n7g
ExtJs视频教程22(上).avi
http://dl.vmall.com/c0x3umxbwa
ExtJs视频教程22(下).avi
http://dl.vmall.com/c06tuk2ggc
ExtJs视频教程23.avi
http://dl.vmall.com/c0e7baf0pi
ExtJs视频教程24(上).avi
http://dl.vmall.com/c0movwp3a4
ExtJs视频教程24(下).avi
http://dl.vmall.com/c0rg5l5j5b
ExtJs视频教程25(上).avi
http://dl.vmall.com/c0cov3b0iq
ExtJs视频教程25(下).avi
http://dl.vmall.com/c0zlis6daw
ExtJs视频教程26(上).avi
http://dl.vmall.com/c0dkmrgyny
ExtJs视频教程26(下).avi
http://dl.vmall.com/c0ggz4rsjk
ExtJs视频教程27(上).avi
http://dl.vmall.com/c0oikptimx
ExtJs视频教程27(下).avi
http://dl.vmall.com/c0hf8mkvz8
ExtJs视频教程28(上).avi
http://dl.vmall.com/c0u1dtnapu
ExtJs视频教程28(下).avi
http://dl.vmall.com/c03aqkretd
ExtJs视频教程29(上).avi
http://dl.vmall.com/c0iba3xahp
ExtJs视频教程29(下).avi
http://dl.vmall.com/c0eksgrye9
ExtJs视频教程3(上).avi
http://dl.vmall.com/c0umiba9au
ExtJs视频教程3(下).avi
http://dl.vmall.com/c0ayfugdru
ExtJs视频教程30(上).avi
http://dl.vmall.com/c0b8eyl7tq
ExtJs视频教程30(下).avi
http://dl.vmall.com/c0wmn2dn4p
ExtJs视频教程4.avi
http://dl.vmall.com/c0aqzm9bdq
ExtJs视频教程5(上).avi
http://dl.vmall.com/c0phusez1v
ExtJs视频教程5(下).avi
http://dl.vmall.com/c0k8cbyyb0
ExtJs视频教程6(上).avi
http://dl.vmall.com/c0cakxbmae
ExtJs视频教程6(下).avi
http://dl.vmall.com/c096aiackr
ExtJs视频教程7(上).avi
http://dl.vmall.com/c0l2yl1m2l
ExtJs视频教程7(下).avi
http://dl.vmall.com/c05n9sqsp1
ExtJs视频教程8.avi
http://dl.vmall.com/c0x692rjm6
ExtJs视频教程9(上).avi
http://dl.vmall.com/c0mmjhyylb
ExtJs视频教程9(下).avi
http://dl.vmall.com/c0wkfdosff