Extjs4教程一之入门教学

最近刚到一家新公司，由于公司没有美工，而程序员天生的又喜欢自己去弄页面，所以选用了Extjs4这个框架，使得做出来的东西不用任何修改就已经能满足我们的需求。

现在学习这个框架已经有一个多月了，虽然要学的东西还有很多，但是我基本上已经知道该怎么学了，下面就给大家讲讲如何入门吧。

初学的你们也许早就在网上读过很多学习的建议和资料，资料估计基本没有，但是建议应该很多，大部分人都会让你们一定要好好看官方api，也就是纯英文的文档。英语好的还好，不好的估计就会很头痛，就会心想，什么破建议，文档根本看不懂怎么看，然后就放弃了。其实我们要知道，能给我们建议一般都是前辈，我们正在走的路都是他们已经走过的，他们的建议也必然有其合理的地方。记得我刚学的时候，我们那总监就给了一个星期让我好好熟悉这个框架，然而他给的唯一的资料也即是这个英文的文档。当我刚拿到文档的时候，耐心的看了一天，却不知道看了什么，然后就在网上去到处找一些中文文档。结果发现它的很多翻译的都是错误的，学起来特别的头痛，于是就放弃了看中文文档，还是接着去看英文的，看着看着居然就开始能看懂了很多东西了。对于data这一块是基础，我们需要好好耐心的阅读文档。但是对于后面的form和grid，也就是表单和表格，这些都是实实在在的控件，我们需要的就是多写实例，按照官方的例子去模仿，每写一行代码的时候，一定要去弄清楚这行代码代表什么意思，每个属性又代表什么意思。官网上的例子基本上能满足以后项目中的需要。

这里给大家理下学习的思路吧，首先要学习的是文档中data部门，而data中最重要的就是store，model，proxy，writer，需要明确知道每一个都是干什么用的。通过学习java的API，我们知道如何通过文档来看java的类的结构，其实Extjs文档也是一样的，前面我提到的store，model等其实就相当于是java中的类。

什么是model？model相当于java中的一个javabean，主要是用来在前台传递数据的，每一个model都会在后台有一张对应的表，其字段名一致。现在，我们之需要知道它是用来传递数据的就行。model中需要了解的属性并不多，主要是fields属性，就是用来设置model的字段名。如例子：

Ext.define('User', {
   
    extend: 'Ext.data.Model',
    fields: [
        {
   name: 'name'