认识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 : ''
});
分享到:
相关推荐
离线API和该文章pdf文件 博文链接:https://yongtree.iteye.com/blog/199588
在初识ExtJS时,创建一个新的目录`my`用于存放所有样例文件是很好的习惯,这有助于保持项目组织有序。在`Hello World`示例中,我们看到HTML文档包含了几个重要的引用,包括ExtJS的基础样式表`ext-all.css`和...
首先,"初识ExtJS" 部分会介绍ExtJS的基本理念和架构,包括MVC(Model-View-Controller)设计模式的应用,以及如何利用这个框架构建响应式的用户界面。你会了解到ExtJS是如何通过组件化的思想来构建页面,每个组件都...
在本篇Extjs学习笔记中,我们将深入探讨Extjs中的Form,特别是其封装的Ext.form.BasicForm和Ext.form.FormPanel。 首先,Extjs中的表单组件主要基于Ext.form.BasicForm,这是一个基础的表单对象,负责处理表单数据...
EXTJS是一种基于JavaScript的富客户端应用框架,专用于构建用户界面。这个“EXTJS中文帮助(完整版)”文档集合提供了全面的EXTJS学习和开发...无论是初识EXTJS,还是寻求解决方案,这个文档都将是你不可或缺的助手。
#### 四、第二章:初识EXTJS。你的容颜媚悦动人 ##### 2.1 你如此美丽,让我无法不心动 EXTJS以其华丽的界面设计和丰富的UI组件给人留下了深刻的印象。它不仅拥有现代化的设计风格,还提供了大量预设的组件和模板...
#### 五、初识 ExtJS - **代码质量**:ExtJS 提供了高质量的源码示例,有助于学习和理解框架的核心概念。 - **帮助文档**:详尽的帮助文档覆盖了所有 API 和组件的使用方法。 - **商业支持**:对于企业级项目,...
第一讲.ExtJs初识及其环境搭建 第二讲.开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单...
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初识与实践** EXTJS作为一款强大的RIA框架,包含了丰富的组件库、适应性适配器、API文档、示例代码和资源文件。开发者可以通过阅读EXTJS的API文档和尝试官方提供的示例来熟悉EXTJS的使用。例如,...
标题 "第一篇 Ext初识" 暗示我们即将探讨的是ExtJS库的入门知识,这是一个基于JavaScript的前端开发框架,用于构建富客户端应用程序。在本文中,我们将深入理解ExtJS的基本概念、核心组件以及如何开始使用这个强大的...
#### 一、初识Ext Ext是一个功能强大的JavaScript框架,用于构建桌面级Web应用程序。它简化了DOM操作、事件处理和Ajax交互,提供了丰富的UI组件,使得开发者能够轻松创建高度交互性的网页。本教程旨在引导读者从零...
其次,让学生初识并运用设计模式,如GoF(Gang of Four,设计模式四人组)提出的单例模式和模板方法模式,提高代码的可读性和可维护性;最后,整合数据库,实现图书管理的各项功能,如图书的入库、报废,借书证的...
2. **设计模式运用**:初识并体验设计模式(GoF设计模式),如单例模式和模板方法模式,提高代码的可维护性和可复用性。 3. **数据库集成**:结合数据库技术,实现数据持久化,创建和管理相关的数据库表。 **二、...
#### 构建初识:ExtGWT与GWT的协同工作 ExtGWT,作为GWT(Google Web Toolkit)的有力补充,旨在为Java开发者提供更为丰富、功能全面的组件库,从而构建出接近桌面应用程序级别的富客户端Web应用。GWT,由Google...