初识ExtJs

      认识ExtJs非常偶然,当时是为自己公司开发一套简单的财务系统。自己写了个ajax的小库,总是觉得不够用,Ext顺其自然的进入了开发流程。还算好有丰富的demo和doc文档。现在用了1年多了,很多东西想记录下来,算是一段记忆吧!

      javascritp基础的东西有很多可以阅读和参考的资料,这里不一一复述,同时ExtJs也有相应的api文档和demo,ExtJs的基础的东西也不再重复,这里主要是记录关于form、grid、tree及插件和扩展。

 

一、     Ext.form.FormPanel

   

Observable
  -Component
    -BoxComponent
      -Container
        -Panel
          FormPanel

  以上是继承关系。

  其中Ext.form.FormPanel也具有Ext.form.BasicForm的reader属性。(An Ext.data.DataReader (e.g. Ext.data.XmlReader) to be used to read data when executing 'load' actions. This is optional as there is built-in support for processing JSON. For additional information on using an XMLReader see the example provided in examples/form/xml-form.html.)当FormPanel执行'load'方法时对应的form表单字段会加 载读取的数据。 

var reader = new Ext.data.JsonReader({ 
      root : 'results' 
     }, ['ID','NAME']);
var exForm = new Ext.form.FormPanel({
          id : 'exForm',
          title : 'FormDemo',
          renderTo : Ext.getBody(),
          border : false,
          reader : reader,
          defaultType: 'textfield',
          items :[{
              id : 'ID',
              name : 'ID',
              fieldLabel : '编号'
         },{
             id : 'NAME',
              name : 'NAME',
              fieldLabel : '姓名'
         }]
      });
exForm.getForm().load({
    url : '',//后台数据读取页面
   success : function (form,action){},
    params : ''
});

  

    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值