首页 > 高级民工 > ExtJs简易教程

ExtJs简易教程

2009年9月24日 发表评论 阅读评论

  有两个月没更新部落格了。今天发一篇简易的ExtJs教程。针对想学但还没有学ExtJs的朋友,当然在看下面的教程(说明?)时你需要掌握一些javascript的基本知识。
  什么是ExtJs呢?[请看这里]
  其实ExtJs就是提供的一大堆封装好的函数,API。如果你有javascript的经验那么对你而言学习ExtJs无非是查API而已。
下面对新手说明使用ExtJs的一些常识:

1.使用ExtJs的一个最重要的方法,配置(config):
  在使用ExtJs使最常用到的就是对封装好的类进行配置,配置其实就是向封装好的函数传入一个数组,在javascript中数组的一种形式类似于键值对。
如var a={v1:’1′,v2:’2′,v3:’3′…},需要v1对应的值那么使用a['v1']就可以得到。为什么不以多个参数的形式呢?因为ExtJs的东东的实例化参数实在太多了,少则四五个,多则一二十个。所以使用ExtJs的时候最好下载API,不查API基本上什么也干不成。

2.ExtJs一些常用的东西:
获取某个ID为id的HTML标签:Ext.get(‘id’)
获取某个ID为id的ExtJs组件:Ext.getCmp(‘id’)
ExtJs在Ajax方法的集成,在大多数时候使用Ext.data下的类就能满足需求了,完全没必要使用Ext.Ajax来搞。
常用的Ext.data.JsonStroe的配置:

var store = new Ext.data.JsonStore({
    url: 'list.do',
    root: 'root',
    fields: ['id', 'title']
});

list.do返回json数据

{
    root: [
        {id: '1',title:'a' },
        {id: '2',title:'b' },
    ]
}

调用stroe的load方法就可以从服务器上获取数据了。

另外对ExtJs的一些常用类的位置介绍一下(