`
qishi001
  • 浏览: 14794 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

初识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 : ''
});

  

    

分享到:
评论

相关推荐

    我与EXTJS有个约会--初识EXTJS

    离线API和该文章pdf文件 博文链接:https://yongtree.iteye.com/blog/199588

    Extjs学习笔记之一 初识Extjs之MessageBox

    在初识ExtJS时,创建一个新的目录`my`用于存放所有样例文件是很好的习惯,这有助于保持项目组织有序。在`Hello World`示例中,我们看到HTML文档包含了几个重要的引用,包括ExtJS的基础样式表`ext-all.css`和...

    ExtJs开始之旅

    首先,"初识ExtJS" 部分会介绍ExtJS的基本理念和架构,包括MVC(Model-View-Controller)设计模式的应用,以及如何利用这个框架构建响应式的用户界面。你会了解到ExtJS是如何通过组件化的思想来构建页面,每个组件都...

    Extjs学习笔记之二 初识Extjs之Form

    在本篇Extjs学习笔记中,我们将深入探讨Extjs中的Form,特别是其封装的Ext.form.BasicForm和Ext.form.FormPanel。 首先,Extjs中的表单组件主要基于Ext.form.BasicForm,这是一个基础的表单对象,负责处理表单数据...

    extjs 中文帮助(完整版)

    EXTJS是一种基于JavaScript的富客户端应用框架,专用于构建用户界面。这个“EXTJS中文帮助(完整版)”文档集合提供了全面的EXTJS学习和开发...无论是初识EXTJS,还是寻求解决方案,这个文档都将是你不可或缺的助手。

    我与EXTJS有个约会

    #### 四、第二章:初识EXTJS。你的容颜媚悦动人 ##### 2.1 你如此美丽,让我无法不心动 EXTJS以其华丽的界面设计和丰富的UI组件给人留下了深刻的印象。它不仅拥有现代化的设计风格,还提供了大量预设的组件和模板...

    ExtJS6.0开发培训

    #### 五、初识 ExtJS - **代码质量**:ExtJS 提供了高质量的源码示例,有助于学习和理解框架的核心概念。 - **帮助文档**:详尽的帮助文档覆盖了所有 API 和组件的使用方法。 - **商业支持**:对于企业级项目,...

    Extjs4.1.1

    第一讲.ExtJs初识及其环境搭建 第二讲.开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单...

    深入浅出Extjs4.1.1

    1、ExtJs初识及其环境搭建 2、开始ExtJs梦想之旅# n8 }: ~+ d4 X+ V1 c 3、ExtJS工具栏、菜单栏0 Q' y0 E. y E 4、ExtJS最常用的表单之textfield控件4 |4 ]8 ~/ d3 Y& k# X 5、ExtJs最常用表单组件Number、CheckBox...

    extjs例子教程ppt

    **第二章:EXTJS初识与实践** EXTJS作为一款强大的RIA框架,包含了丰富的组件库、适应性适配器、API文档、示例代码和资源文件。开发者可以通过阅读EXTJS的API文档和尝试官方提供的示例来熟悉EXTJS的使用。例如,...

    第一篇 Ext初识

    标题 "第一篇 Ext初识" 暗示我们即将探讨的是ExtJS库的入门知识,这是一个基于JavaScript的前端开发框架,用于构建富客户端应用程序。在本文中,我们将深入理解ExtJS的基本概念、核心组件以及如何开始使用这个强大的...

    Ext 经典教程

    #### 一、初识Ext Ext是一个功能强大的JavaScript框架,用于构建桌面级Web应用程序。它简化了DOM操作、事件处理和Ajax交互,提供了丰富的UI组件,使得开发者能够轻松创建高度交互性的网页。本教程旨在引导读者从零...

    JavaWeb课程设计——图书馆管理系统.pdf

    其次,让学生初识并运用设计模式,如GoF(Gang of Four,设计模式四人组)提出的单例模式和模板方法模式,提高代码的可读性和可维护性;最后,整合数据库,实现图书管理的各项功能,如图书的入库、报废,借书证的...

    JavaWeb课程设计——图书馆管理系统.doc

    2. **设计模式运用**:初识并体验设计模式(GoF设计模式),如单例模式和模板方法模式,提高代码的可维护性和可复用性。 3. **数据库集成**:结合数据库技术,实现数据持久化,创建和管理相关的数据库表。 **二、...

    ext gwt gxt初学教程

    #### 构建初识:ExtGWT与GWT的协同工作 ExtGWT,作为GWT(Google Web Toolkit)的有力补充,旨在为Java开发者提供更为丰富、功能全面的组件库,从而构建出接近桌面应用程序级别的富客户端Web应用。GWT,由Google...

Global site tag (gtag.js) - Google Analytics