DOTNET+EXT入门
EXT学习文档
EXT学习文档ext-1.1部分原创/部分整理第一章 EXT入门1.1 Ext简介Ext在最开始的时候，是作为YUI的一个扩展存在的，所以那个时候它的名称是YUI.Ext，后来，Ext作为一个独立的项目进行开发，并不再依赖于YUI。
适合企业级开发，能实现复杂的Layout布局，界面效果可以和backbase媲美，而且使用纯javascript代码开发。
真正的可编辑的表格Edit Grid，支持XML和Json数据类型，直接可以迁入grid，有完整地说明文档。
1.2 下载Ext如果你未曾下载过，那应从这里下载最新版本的Ext /downloads。
针对你的下载需求，有几个不同的版本。
通常地，最稳定的版本，是较多人的选择。
最新的版本是Ext2.0，本教程使用ext-1.1版本。
下载解包后，我们可以查阅ext目录下的docs中的文档配合example下是些实例文件进行学习。
在EXT目录中，package目录是ext所有类库文件,在ext-all.js文件中已经包含了该目录下所有的类。
因此我们开发中只需要导入ext-all.js文件即可。
Resources目录下有Ext所需要的图片文件和CSS样式文件。
对于样式文件我们只用到ext-all.css一个文件即可，它包含了所有Ext中样式的定义。
在样式文件夹中还有三个Ext主题样式文细讲到。
1.3 第一个例子我们开始第一个例子，可以帮助你了解Ext的开发。
（1）首先我们建立项目目录，如C:\example1。
（2）在example1目录下建立js和css两个目录，用于存放JS文件和CSS样式文件。
（3）为了节省空间我们只把需要的文件拷贝到项目中：将EXT目录中resources\css\目录下的ext-all.css、xtheme-aero.css、xtheme-gray.css、xtheme-vista.css 文件拷贝到项目中CSS目录下。
将EXT目录中ext-all.js文件和adapter\ext\ext-base.js文件拷贝到项目中JS目录下。
ext教程
ext教程EXT（JavaScript Extensions）是一种用于制作浏览器扩展的标准，它允许开发者以交互式方式修改和自定义Web页面的行为和外观。
在本教程中，我们将介绍如何使用EXT来开发浏览器扩展。
我们将涵盖EXT的基本概念、开发环境的设置、常用API的使用以及实例应用的创建。
首先，我们需要了解EXT的基本概念。
EXT是基于JavaScript 和HTML的，它允许我们通过注入代码来修改Web页面的行为。
我们可以使用EXT来添加自定义按钮、修改页面样式、拦截网络请求等。
为了开始开发EXT扩展，我们需要设置开发环境。
首先，我们需要安装一个支持EXT的浏览器，如Google Chrome或Mozilla Firefox。
然后，我们需要安装开发者工具，如Chrome开发者工具或Firefox开发者工具。
接下来，我们将介绍EXT的常用API。
EXT提供了一组API，用于访问和修改Web页面的各个部分。
例如，我们可以使用API来找到页面上的特定元素，修改其样式或内容。
我们还可以使用API来发送网络请求或拦截已有的请求。
最后，我们将创建一个实例应用来演示EXT的使用。
我们将开发一个简单的扩展，用于在Facebook页面上添加一个自定义按钮。
当用户点击按钮时，它会向后台服务器发送一个请求，并显示返回的数据。
在这个实例应用中，我们将演示如何创建一个扩展程序，并在Manifest文件中指定其基本属性。
我们还将展示如何使用Content Script来注入我们的代码到页面中，并使用Popup来创建一个显示在浏览器窗口中的弹出窗口。
通过这个教程，您将学习到EXT的基本概念、开发环境的设置、常用API的使用以及实例应用的创建。
您将了解如何使用EXT来修改和自定义Web页面的行为和外观。
这将对您开发具有定制功能的浏览器扩展非常有帮助。
总结来说，EXT是一种用于制作浏览器扩展的标准，它允许开发者以交互式方式修改和自定义Web页面的行为和外观。
Ext.Net学习笔记02：Ext.Net用法概览
学习笔记02：⽤法概览这两天越来越觉得很强⼤，如果运⽤熟练可以极⼤的提⾼编程效率。
如果你也要学习，推荐你看⼀下《 Web 应⽤程序开发教程》。
上⼀篇介绍了如何在 WebForm中使⽤，这⼀篇将介绍我今天的学习⼼得，看看的概览。
与ExtJS代码⽐较上⼀篇中我们创建了⼀个使⽤创建了⼀个window窗⼝，代码⾮常简单：<ext:Window runat="server"ID="win"Title="⽰例窗⼝"Width="300"Height="200"AutoShow="true"></ext:Window>如果我们使⽤ExtJS代码来创建这个窗⼝，代码会是什么样的呢？请看下⾯：Ext.create("Ext.window.Window", {id:"win2",title: "⽰例窗⼝2",height: 200,width: 300,autoShow: true});看这两段代码是不是很像，只是将ExtJS的配置属性进⾏了封装，作为空间的属性，可以在Visual Studio中进⾏⾮常友好的智能提⽰，效率提升不⽌⼀倍啊。
另外，还⽀持控件的嵌套定义，跟ExtJS中的items配置项、buttons配置项⼀样，请看下⾯的代码：<ext:Window runat="server"ID="win"Title="⽰例窗⼝"Width="300"Height="200"Layout="FitLayout"AutoShow="true"><Items><ext:FormPanel runat="server" ID="extForm" BodyPadding="5"><Items><ext:TextField runat="server" ID="txtName" FieldLabel="姓名"></ext:TextField><ext:NumberField runat="server" ID="txtAge" FieldLabel="年龄"></ext:NumberField></Items><Buttons><ext:Button runat="server" ID="btnSave"Icon="DatabaseSave" Text="保存"></ext:Button></Buttons></ext:FormPanel></Items></ext:Window>这仍然是我们的window，新的效果如下：image很酷吧，接下来我们⼀起看看它的事件机制。
ext开发手册
ext开发手册一、简介EXT是一个针对构建富应用程序的JavaScript框架，它拥有丰富的组件库和强大的功能。
本手册将为开发人员提供完整的EXT开发指南，包括基础知识、常用组件和开发技巧等内容。
二、基础知识1. 安装和配置EXT：首先，下载EXT框架的压缩包并解压到项目的根目录。
然后，在HTML页面中引入EXT的必要文件，包括CSS和JavaScript。
最后，在需要使用EXT的页面中初始化EXT环境。
2. EXT的核心概念：理解EXT的基本概念对于开发者来说至关重要。
常见的核心概念包括组件、容器、布局和事件等。
组件是EXT的基本构建块，它可以是按钮、表单、树等等。
容器负责管理和布局组件，而布局则定义了组件的排列方式。
事件是EXT中的重要特性，可以用于处理用户交互和系统响应。
三、常用组件1. 表单组件：EXT提供了各种强大的表单组件，如文本框、下拉列表、复选框等。
开发人员可以根据需求选择合适的组件，并根据组件的配置进行自定义设置。
例如，可以通过设置验证规则和错误提示来有效地验证用户输入。
2. 树组件：EXT的树组件是管理层次数据的理想选择。
开发人员可以通过构建树节点和设置节点属性来构建一个功能齐全的树结构。
树组件还支持展开、折叠、选择和拖放等交互操作，使得数据的展示与操作更加灵活。
3. 网格组件：EXT的网格组件是处理大量数据的最佳工具。
通过设置网格的列模型和数据模型，可以实现自定义的数据显示和排序。
网格组件还支持分页、过滤和编辑功能，为用户提供便利的数据处理方式。
四、开发技巧1. 使用样式：EXT提供了丰富的CSS样式，可以为组件添加不同的外观和交互效果。
开发人员可以通过应用样式类名称或自定义样式来实现个性化的外观效果。
同时，也可以使用主题文件来快速地改变整个应用程序的外观。
2. 数据绑定：EXT支持将数据与组件进行绑定，以实现动态数据的展示和交互。
通过设置数据模型和绑定关系，可以在数据更新时自动更新组件的显示内容。
ext入门学习
Ext入门学习一：Ext是什么ExtJS是一个javascript框架，用于在客户端创建丰富多彩的web应用程序界面。
ExtJS 可以用来开发RIA也即富客户端的AJAX应用。
ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件。
二：Ext能干什么主要是用来制作富客户端的Web应用。
包括但不限于：（1）可以动态创建web组件，动态维护web的Dom对象（2）灵活地获取界面组件对象，方便对对象的操作和控制（3）大量的组件对象帮助构建复杂的web应用（4）友好的Ajax支持（5）完善的事件处理机制三：Ext有什么四：Ext的HelloWorld1：环境准备（1）到官网上下载最新的版本，目前是ext-3.0-rc1.1（2）下载后解压后，看看里面的包结构：adapter：负责将里面提供的第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。
build：压缩后的ext全部源码(里面分类存放)。
docs： API帮助文档。
exmaples：提供使用ExtJs技术做出的小实例。
resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
package：按包分类的源码source：无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL）开源的协议。
Ext-all.js：压缩后的Ext全部源码。
ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。
ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。
（3）开发的时候只需要把resources包中的css和images放到common下面，还有把ext-all.js和adapter/ext/ext-base.js放入到js中就可以了2：HelloWorld.html<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><link rel="stylesheet" type="text/css" href="/ext3test/common/css/ext-all.css" /><script type="text/javascript" src="/ext3test/common/js/ext-base.js"></script> <script type="text/javascript" src="/ext3test/common/js/ext-all.js"></script></head><script language="javascript">Ext.onReady(function(){alert("Hello Ext3.0，你好");});</script>五：Ext的面向对象简介//相当于Java的packagespace("");//完全使用Ext的创建对象语法太繁琐，还是用我们熟悉的js的语法来写.Class1=function(){this.aa = "cc";this.t1=function(){this.aa="t1";};};.Class2=function(){this.t1=function(){this.aa="cc2 tt2";};};//表示Class2继承Class1，这里面没有采用Ext的extends.Class2.prototype=new .Class1();//或者使用这个Ext提供的语法//Ext.extend(.Class2,.Class1);//这个是Ext可以给一个对象动态的追加属性和方法Ext.apply(.Class1.prototype,{bb:"bb",cc:"cc",dd:function(){alert("ddd")}} );六：如何获取界面上的元素——Ext的选择器1：Ext.Element：Ext的核心对象，是Ext的基础。
dotNET入门教程_5高级编程
dotNET入门教程_5高级编程Baic前置课程本课程的学习需要以下预备知识：–熟练使用.NET开发工具ViualStudio2022–掌握C#编程语言基础–掌握面向对象的基本概念单元内容数据类型-DataType数据集合-DataCollection再论函数-Function又见对象-Object单元目标熟悉掌握数据类型转换方法了解值类型与引用类型之间的区别掌握数据集合的使用方法掌握函数的参数传递方法掌握递归函数的编写方法深入了解面向对象原理掌握设计模式的基本概念C#AdvancedProgrammingDataType–数据类型值类型与引用类型，装箱与拆箱，结构与类的区别DataType–数据类型回顾–C#的数据类型BooleanByteCharDecimalDoubleInt16Int32Int64SbyteSingleUInt16UInt 32UInt64IntPtrUintPtrbool布尔值true或falebyte8位无符号整数0到255char16位Unicode字符decimal128位高精度double64位双精度浮点数hort16位有符号整数-32768~32767int32位有符号整数long64位有符号整数byte8位有符号整数float32位单精度浮点数uhort16位无符号整数unit32位无符号整数ulong64位无符号整数大小取决于平台的有符号整数(32位系统/64位系统)取决于平台的无符号整数DataType–数据类型讨论–值类型与引用类型的区别值类型：值类型代表基本数据类型，如整型或浮点型。
值类型分为三种：枚举、内建值类型、,用户定义的值类型(结构)引用类型：用类型包含一个指针，指向堆中存储对象本身的位置。
引用类型只包含引用，不包含实际的值，对方法体内参数所做的任何修改都将影响传递给方法调用的引用类型的变量。
有两种引用类型在C#受到了特别重视：Object与String确定类型：使用在Object类中定义的GetType()方法，返回一个Type对象。
dotNET入门教程_2编程基础
使用
直接使用：<枚举类型名>.<枚举值>
18
Data Type
常量 - 枚举
类型转换
枚举类型 >> 基本类型：
基本类型 >> 枚举类型：
基本类型 >> 枚举字符串：
19
Data Type
类型转换 - 简单的类型转换
概念
大自然中的“冰”和“水”在特定温度下是可以相互转换的 同理，存储在内存中的数据，也可以更改其数据类型
声明与赋值
变量声明：使用变量类型（数据类型）和变量名称（标识符） 变量赋值：使用“=”运算符 * 变量在使用之前必须经过初始化，即初始赋值
7
Data Type
变量 - 什么是数据类型
概念
string str = “Hello DevilTeam”; 中的“string”即为一个数据类型 计算机内部存储的数据只有 0 和 1 实际应用的数据都是以0、1的形式存放在计算机中 数据类型就是一种约定，告诉程序如何去理解0、1组成的数据串
分类
字面值，如 1.2M，true，”hello” 常变量，如 public const string ABC = "English and Other Language"; 枚举，如 enum SizeType {Small , Large }，然后 rge
14
Data Type
分支结构语法，三元运算符、if语句、switch语句等 switch语句中的常量
循环 Looping
循环结构语法、do循环、while循环、for循环 循环中断及跳转break、continue、return、goto
ext常用方法
1：按钮的禁用于否：属性： disabled : true, 初始化时为禁用Ext.getCmp('updateb').disable(); //禁用按钮Ext.getCmp('deleteb').enable(); //恢复可用2:面板Ext.getCmp('rulepanel').setVisible(true); //使面板可见Ext.getCmp('rulepanel').setVisible(false); //使面板不可见Ext.getCmp('rulepanel').collapse(true); //使rulepanel收缩Ext.getCmp('rulepanel').expand(true); //使rulepanel展开3：checkbox属性：inputValue 类似其valueview plaincopy to clipboardprint?var popSelect = Ext.getCmp('panel3').findByType('checkbox');for(var i=0,j=0;i<popSelect.length;i++){if(popSelect[i].checked){pop[j++] = popSelect[i].inputValue;if(popSelect[i].inputValue=='103'){selectorder = Ext.getCmp('ruleid').getValue();}}}var popSelect = Ext.getCmp('panel3').findByType('checkbox');for(var i=0,j=0;i<popSelect.length;i++){if(popSelect[i].checked){pop[j++] = popSelect[i].inputValue;if(popSelect[i].inputValue=='103'){selectorder = Ext.getCmp('ruleid').getValue();}}}body : Ext.Element它是指向panel的body的Element引用。
Ext框架简介1
Ext类库简介
• 底层API(core)：底层API 中提供了对DOM 操作、查询的封装、事件 处理、DOM 查询器等基础的功能。其它控件都是建立在这些底层api 的基础上，底层api 位于源代码目录的core 子目录中，包括 DomHelper.js、Element.js 等文件。
Ext类库简介
helloWord示例程序
Ext框架基础及核心简介
Ext类库简介
Ext入门基础
Ext组件简介
Ext类库简介
• ExtJS 由一系列的类库组成，一旦页面成功加载了ExtJS 库后，我们 就可JS 的 类库由以下几部分组成：
• 底层API(core) • 控件(widgets) • 实用工具(Utils)
Ext入门基础
DOM的增删改查
• Ext.Element占Ext Core库的篇幅很大，其中方法就占据了大部份。 因此我们将这些方法可分为下面几类：
• • • • DOM查询或遍历（如query、select、findParent） CSS（如setStyle、addClass） DOM操控（如createChild、remove） 方位、尺寸（如getHeight、getWidth）
途常使用extget获得element对象对亍终端用户来说仅仅有element是丌够的比如用户要显示一个表格立了一系列的客户端界面组件component我们在编程时叧要使用这些次的抽象每一个组件在渲染render的时候都会依次途过elementdom?有相应的dom对象劢态改变页面的内容正是途过使用脚本语言来操作?一个节点添加阴影效果要隐藏戒显示某一个节点等我们都需要途过几句以使用element来包装任何domelement对象中添加了一系列快捷简便?要显示一棵树要显示一个弹出窗口等
Ext简单介绍
Ext简单介绍ExtJS是⼀个Ajax框架，是⼀个⽤javascript写的，⽤于在客户端创建丰富多彩的web应⽤程序界⾯。
ExtJS可以⽤来开发RIA也即富客户端的AJAX应⽤ ExtJS是⼀个⽤javascript写的，主要⽤于创建前端⽤户界⾯，是⼀个与后台技术⽆关的前端ajax框架。
因此，可以把ExtJS⽤在.Net、Java、Php等各种开发语⾔开发的应⽤中。
ExtJs最开始基于YUI技术，由开发⼈员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件，⽆论从UI界⾯上CSS样式的应⽤，到数据解析上的异常处理，都可算是⼀款不可多得的JavaScript客户端技术的精品。
朋友问我,Ext怎么学习,我记得⾃⼰学的时候纯纯因为它的简单和视觉效果特别好,因为喜欢了才有努⼒的坚持不懈的激情.有朋友说能否写点简单的⽰例⽅便⼊门,我是觉得⾃⼰写的都是很浅陋东西,实在不知道怎么简单了,昨天晚上想了许久,觉得⾃⼰还是⽆⽐的粗浅,但依然有⼈说看不懂,我想可能是⾔语没有说清楚,或者你在等到天上掉馅饼吧.因为,我觉得开始学习就是不断的模仿,只要知道它的⼤致概念,在⾃⼰的项⽬中不断的接触,⼀天⼀天就会成长起来,建议最好根据⾃⼰的学习进度写个⼩⽹站,将所学的知识融会贯通⼀下,就像我写了好⼏个Ext的⽹站,虽然暂时都没有发布出去,但⾃⼰经常看看也是对⾃⼰的⼯作的激励吧.接下来⼀段⽇⼦,尽量写⼀些Ext2.2所有的对象的最简单的⽤法.如果能够坚持,以后会写⼀个对应的提⾼系列.下⾯就开始Ext之旅吧Ext是什么?答⽈:Ext是⼀个⽤jscript(javascript)所写的⼀个ajax框架(我想⼤家都知道什么是ajax了吧,假想你已经知道,那我就不说了).⽽javascript也是更知道它的概念了,就更不⽤说了吧,好,那就也不说了.什么是Ext呢,结合javascript和ajax,我想你闭眼猜都能够猜出它的功能了吧.那就⽤⾃⼰的语⾔说下什么是Ext吧,呵呵,思考真的很重要的.学习的重要环节就是要不断的⾃⼰总结,总结就来⾃⾃⼰的思考.Ext有多好呢?答⽈:仁者见仁, ⾃⼰好好看看吧,它的绚丽多姿是⽆法⽤语⾔描述的,你可能会很惊叹,但我还要告诉你,这个并没有把Ext的所有的功能都罗列出来,仅仅是⼀部分,有更多的有太多的等你去发现,星哥说了:太阳已经落⼭了,时间不等⼈滴.Ext难吗?答⽈:太多的⼈问这个问题,就像我开始学习java⼀样,我问了好多好多⼈,都说难,让我学习的信⼼到最后都剩的没有⼀点⼉了,于是学了当时⾝边谁也不懂的.呵呵.如果有⼈问我这个问题,我告诉你,真的很简单,不是说我会了才这么说,其实,我想说的是:⼤家玩游戏基本上都是⽆师⾃通的吧,现在明⽩了吧,如果你有玩游戏的那份精神和⽃志,靠,天下事难难难者亦易易易也.在哪⾥下载Ext呢?答⽈:好,你能够这么问,看来我做说客还是可以的(信⼼指数⼜增加了),因为我是从2.0版本,2.1版本,到现在的2.2版本,我真的说不出来他们到底有何具体的差别,但明显的看见它明显壮⼤了,不仅仅是体积,更是它的⼒量. 官⽅的版本,有各个版本的,我建议学习最新的吧.Ext有核⼼吗?答⽈:看来只有我才能够问这个问题呀,当年⽐⼲⽆⼼⽽死,看来框架也是⼀样的,没有核⼼怎么可以呢.我想在javascript中⼤家也都知道什么是类了吧,简单的说就是⼀个函数就是⼀个类,类⾥⾯还可以有很多的类,可以⽆限嵌套.⽽Ext就是有很多的类库组成,也就是有很多的函数组成,只是现在天上飞的⽔⾥游的都成了对象了,所以很多技术也都⽤对象的语⾔来描述.Ext就是主要有哪些类库组成呢?有⼈说肯定有API层,是的,有的,有些⼈总是喜欢称底层是API(API是什么意思,全称Application Programming Interface 应⽤编程接⼝),喜欢就喜欢吧,我管不着.但Ext说了,要改变这样的称呼,于是Ext称之为Core,为什么呢?因为Ext的底层在Core这个⽂件夹⾥⾯.core是什么意思呢?core[kC:]n.果核, 中⼼, 核⼼,我觉得称底层为Core确实不错,⽽且⼤写的CORE还有⼀个意思:CORE=Congress of Racial Equality 争取种族平等⼤会.感觉Ext的作者Jack Slocum是具有很浓烈的浪漫主义情怀的追求完美的⼀个程序员. 说到Core了:core对Ext的DoM操作,事件处理以及所有的直接在页⾯上可以展⽰的和不可以展⽰的组件等提供了基础的功能.刚刚提到可显⽰的控件也叫组件,我们在程序中可以直接通过这些控件来实现⾮常友好,并且交互性也很好的应⽤.特别⼀提的是在那些不可见的组件中,有⼀个utils类,该类提供了很多的很实⽤的功能,可以⽅便实现对接收和发送的数据进⾏各种操作,实在是Ext框架不可或缺的⼀部分.如何介绍Ext的组件呢?答⽈:这个问题我确实想了很长时间,因为像很多软件的帮助教程⼀样,它们总是把该软件的所有功能都罗列出来,然后再逐个详解,甚⾄很多功能可能你都从来都不需要,但你并不知道⾃⼰是否需要,就像最近在学习flash,总感到⾃⼰有茫然不知所措的感觉,学习的态度都会转变.但,也不能够说⼈家的帮助教程不好呀,毕竟是追求完整性和可⽤性⽅⾯,每个⼈的见解并不⼀样. 好吧,我下定决⼼了.先简单把组件说下,然后对这些组件再详细解说加⽰例,⽽且每个⽰例都追求可⽤和简单,将来再写⼀个深⼊的就能够达到完整性,倒不是说⼀定要追求完整,⽽是,如果你仅仅写了⼊门,却没有提⾼的版本,感觉⾃⼰并没有把事情做好做完整,毕竟⼈⼈都希望有始有终呀.毕竟⾃⼰还想早点介绍点关于Flex的故事呢,唉,总是没有时间.Ext的组件有哪些呢?答⽈:Every component has a specific xtype, which is its Ext-specific type name, along with methods for checking the xtype like getXType and isXType. 下⾯就是这些可以使⽤了控件的列表了,我直接从它的帮助⽂档复制过来,并同时加上了它的英⽂原⽂,因为每次看到这段我总是能够想起什么,呵呵:Ext组件主要包括⼀些常⽤组件,如表单组件,数据组件,导航组件,相信⼤家看名称就知道什么意思了.xtype Class基本组件---------------------------------------box Ext.BoxComponentbutton Ext.Buttoncolorpalette Ext.ColorPalettecomponent ponentcontainer Ext.Containercycle Ext.CycleButtondataview Ext.DataViewdatepicker Ext.DatePickereditor Ext.Editoreditorgrid Ext.grid.EditorGridPanelgrid Ext.grid.GridPanelpaging Ext.PagingToolbarpanel Ext.Panelprogress Ext.ProgressBarpropertygrid Ext.grid.PropertyGridslider Ext.Slidersplitbutton Ext.SplitButtonstatusbar Ext.StatusBartabpanel Ext.TabPaneltreepanel Ext.tree.TreePanelviewport Ext.Viewportwindow Ext.Window导航组件---------------------------------------toolbar Ext.Toolbartbbutton Ext.Toolbar.Buttontbfill Ext.Toolbar.Filltbitem Ext.Toolbar.Itemtbseparator Ext.Toolbar.Separatortbspacer Ext.Toolbar.Spacertbsplit Ext.Toolbar.SplitButtontbtext Ext.Toolbar.TextItem窗体组件---------------------------------------form Ext.FormPanelcheckbox Ext.form.Checkboxcombo boBoxdatefield Ext.form.DateFieldfield Ext.form.Fieldfieldset Ext.form.FieldSethidden Ext.form.Hiddenhtmleditor Ext.form.HtmlEditorlabel belnumberfield Ext.form.NumberFieldradio Ext.form.Radiotextarea Ext.form.TextAreatextfield Ext.form.TextFieldtimefield Ext.form.TimeFieldtrigger Ext.form.TriggerFieldExt的每个组件都是有⼀个指定的Xtype属性值,通过该值就可以得到该组件的类型,同时也可以根据该组件来定义⼀个组件例如:{xtype:"button",id:"btnEnter",text:"确定"} //这就是定义了⼀个按钮的组件.{xtype:"field",id:"txtName"} //这就是定义了⼀个输⼊框的组件.{xtype:"field",id:"txtPwd",inputType:"password"} //这就是定义了⼀个密码框的组件.当然你可以不⽤xtype ⽐如:var btnEnter = new Ext.Button({id:"btnEnter",text:"确定"} );//这就是定义了⼀个按钮的组件.var txtName = new Ext.form.Textfield({id:"txtName"} );//这就是定义了⼀个输⼊框的组件.var txtPwd = new Ext.form.Textfield({id:"txtPwd",inputType:"password"} );//这就是定义了⼀个密码框的组件.是不是很简单,在下⾯会解说具体的⽰例,包括它的基本的语法结构,同时,你需要明确,这和你在javascript⾥⾯的⽤法不会有不同的地⽅,只是有些⽅法Ext已经给我们封装好了,我们只要有拿来主义的精神就可以.特别⼀说的是:Ext的⼀些很实⽤的类都是全局的,⽆须new了,直接⽤就可以.在下节会介绍⼀些Ext的很好的很实⽤的也很简单就能够使⽤的Util类.转⾃。
ext入门手册
第 8 页 共 16 页
title:'test面板', width:400, height:300, html:'test面板' }); }); 效果如下图
第 5 页 共 16 页
XX 项目业务需求说明书
接下来我们创建一个 tabpanel Ext.onReady(function() { var panel = new Ext.TabPanel({ renderTo : Ext.getBody(), width : 300, height : 200, activeTab:0, items : [new Ext.Panel({
1.2
应用 extjs
应 用 extjs 需 要 在 页 面 中 引 入 extjs 的 样 式 及 extjs 库 文 件 ， 样 式 文 件 为 resources/css/ext-all.css，extjs 的 js 库文件主要包含两个，adapter/ext/ext-base.js 及 ext-all.js，其中 ext-base.js 表示框架基础库，ext-all.js 是 extjs 的核心库。 因此，要使用 ExtJS 框架的页面中一般包括下面几句：
XX 项目业务需求说明书
子元素的排列、组合及渲染方式等。 ExtJS 的布局基类为 yout.ContainerLayout，其它布局都是继承该类。ExtJS 的容器组件包含一个 layout 及 layoutConfig 配置属性，这两个属性用来指定容器 使用的布局及布局的详细配置信息，如果没有指定容器组件的 layout 则默认会使 用 ContainerLayout 作为布局，该布局只是简单的把元素放到容器中，有的布局需 要 layoutConfig 配置，有的则不需要 layoutConfig 配置。看代码： 下面是列的布局 Ext.onReady(function(){ new Ext.Panel({ renderTo:Ext.getBody(), width:400, height:200, layout:"column", items:[{columnWidth:.5,
Dotnet视窗程式开发初阶课程.
物件觀念
•物件(object)
–屬性(property)
•表現該物件的特徵,例如:車子有4顆輪胎,4顆輪胎即為車子的 屬性
–方法(method)
•該物件具備的動作,例如:車子可以加速,加速此動作發之後所會發生的事,例如:車子加速之後會往前 衝,”往前衝”就是車子加速之後出發的事件
• 簡易成績處理專案練習
– 自動化存取資料庫 – 手動存取資料庫
• Dataadapter • Datareader
• 兩種存取差異
• Dataadapter:適合大量處理,修改資料用 • DataReader:存取快速,適合展示資料
DataAdapter
•建立connection •設定sql語法(command,以便告知程式要處 理的資料
開發工具
開發工具
•2002.net framework1.0 •2003.net framework1.1 •2005.net framework2.0(大改版)
Window form入門
•新增專案,c#,windows應用程式 •認識表單,基礎控制項 •認識操作環境 •執行測試
Common Language Specification Windows Forms
and XML Base Class Library Common Language Runtime Windows COM+ Services
項與 Web Services 符合 Common Language (Dataset) 能力 具備離線資料集 管理執行於其中之程式碼 Specification 切割 HTML 與程式碼邏輯 程式語言即可於 能夠處理關聯式資料庫與 XML 安全 CLR 內執行 編譯過之程式碼 XML 交換資料 易於利用 易於部署 Microsoft 部署簡易 提供 : Mono Project 提供 Linux 版本 Visual Basic, (state C++, C#, J# 自動狀態管理機制 協力廠商提供 : management) 與 ASP 向前相容 APL, COBOL, Pascal / Delphi , Eiffel, Haskell, ML, 控制項自動感應瀏覽器，輸出對 Perl, Python, 等之Oberon, HTML, DHTML, WML Scheme, Smalltalk, Objective CAML, …
DotNet大致学习路线
一、学习winform或wpf等桌面应用程序，掌握基础，对 有一定的了解，这个是基础，要学的扎实一点，然后在学习linq+lamda
对数据库进行操作(我个人比较喜欢用这个)，做一个小程序来检验自己学的成果，遇到的问题要记录下来。
二、了解三层架构，能够自己手写基础的SqlHelper类！最后把第一步做的小程序改成三层架构的。
======= 前两步建议在暑假或之前掌握=====================
三、学习HTML+CSS的网页设计，了解DIV+CSS的布局，能够自己布局
四、学习Jquery (这个在网站上用的会很多)，主要掌握DOM操作，一些事件操作以及简单的动画操作
五、接下来进行 MVC的学习(有了winform或wpf 的基础，完全可以跳过web form的学习)，先从简单的MVC movie 入
门，照着文档敲2-3遍代码，了解MVC是如何工作的。
可以学习EF 框架，搭配MVC。
六、深入了解MVC的各种机制可以用三层，也可以用依赖注入的方法，搭建你喜欢的框架。
七、学习 + NHibernate + MVC +Jquery + .......运用
有兴趣的也可以自己学Windows phone(了解HTML5 和sqlite) 或ios(这个不清楚)的开发，喜欢游戏开发的可以考虑Unity3D............。
EXT中文手册6
注意：留意几种不同的方法加入子菜单！还有even handing函数和Coloritem、DataMenu匿名函数之间的区别。
练一练Ok我们用上述的方法，创建了toolbar和menu，看起来应该是这样的：上文提及menu可摆放在UI的任何位置，这里将为你演示menu如何与Toolbars、MeneuButtons、Context Menus's配合工作，包括一些有用的方法和动态添加的功能。
MenuButton这条Toolbar有两个按钮。
一个分隔符，和一个纯图标的按钮（附Quicktips）。
你可尝试这样做，把zip文件中.gif加入一些代码片段，有助你提高效率，留意注释！现在你已经了解菜单组件是如何工作了。
下面的资源有助您进一步更深入学习菜单：模板（Templates）起步首先建议读者先下载本例的代码，以配合文本的说明。
有效的例子在这里。
第一步您的HTML模板第一个步骤没有任何特别，这里的HTML可以说是用来格式化你的数据。
花括号里面的关键字就是你数据中的{id},{url} 和{text}的容器（placeholder）。
或者用纯数字{0},{1},{2}来表示,但是关键字的命名第二步，将数据加入到模板中这里我们将使用append方法加入两行的数据。
正如你所见，元素的“id”、“url”和“text”相对应于上述模板的容器。
这就是模板的基本知识点，对于你来这说非常简单吧？下一步如果你想换个地方，文档区便是一个绝佳的好地方。
看看范例Feed V iewer，里面就大量使用了模板。
学习利用模板（Templates）的格式化功能本教程基于Ext的模板引擎展开详述，亦是对Shea Frederick“模板入门”教程一文的补充。
假设读者已经初步接触过模板（Templates）,和格式化函数的基本语法为“{V ARIABLE:[(可选的参数)]}”。
正式开始假设我们打算从一变量中，打印出内容，但当中的内容有可能会占用过多的空间。
Ext教程
Accordion布局：由类yout.Accordion定义，
名称为accordion，表示可折叠的布局，也就是说使 用该布局的容器组件中的子元素是可折叠的形式。
Border区域布局： 类yout.BorderLayout定
义，布局名称为border。该布局把容器分成东南西 北中五个区域，分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我 们只需要指定这些子元素所在的位置，Border布局 会自动把子元素放到布局指定的位置。
[{id:1,name:'流程1'}, {id:2,name:'流程2'}, {id:3,name:'流程3'}]
Wayfoon提供
/wayfoon322 /
Ext基本表格GridPanel介绍
Ext.data.Store：为GridPanel提供数据
var store = new Ext.data.Store({ proxy : new Ext.data.ScriptTagProxy({url:'http://extj /forum/topics-remote.php'}), reader: new Ext.data.JsonReader({ root: 'topics', totalProperty: 'totalCount', id: 'post_id' },[ 'post_id','topic_title','author' ]) }); store.load({params:{start:0, limit:10}});
EXT介绍入门
EXT介绍⼊门⽆论你是Ext库的新⼿，抑或是想了解Ext的⼈，本篇⽂章的内容都适合你。
本⽂将简单地介绍Ext的⼏个基本概念，和如何快速地做出⼀个动态的页⾯并运⾏起来，假设读者已具备了⼀些JavaScript经验和初级了解HTML Dom。
下载Ext针对你的下载需求，有⼏个不同的弹性选项。
通常地，最稳定的版本，是较多⼈的选择。
下载解包后，那个example⽂件夹便是⼀个探索Ext 的好地⽅！开始！我们将使⽤Ext，来完成⼀些JavaScript任务。
Zip⽂件包括三个⽂件：ExtStart.html, ExtStart.js和ExtStart.css。
解包这三个⽂件到Ext的安装⽬录中（例如，Ext是在“C:\code\Ext\v1.0”中，那应该在"v1.0"⾥⾯新建⽬录“tutorial”。
双击ExtStart.htm，接着你的浏览器打开启动页⾯，应该会有⼀条消息告诉你配置已完毕。
如果是⼀个Javascript错误，请按照页⾯上的指引操作。
在你常⽤的IDE中或⽂本编辑器中，打开ExtStart.js看看：Ext.onReady可能是你接触的第⼀个⽅法。
这个⽅法是指当前DOM加载完毕后，保证页⾯内的所有元素能被Script引⽤（reference）。
你可删除alert()那⾏，加⼊⼀些实际⽤途的代码试试：Ext.onReady(function(){alert("Congratulations! You have Ext configured correctly!");});Element：Ext的核⼼⼤多数的JavaScript操作都需要先获取页⾯上的某个元素（reference）,好让你来做些实质性的事情。
传统的JavaScript⽅法，是通过ID获取Dom节点的：var myDiv = document.getElementById('myDiv');这毫⽆问题，不过这样单单返回⼀个对象（DOM节点），⽤起来并不是太实⽤和⽅便。
dotNet网站分层开发框架搭建步骤学习文档
图 11
图 12 7、将框架基础图片文件 images 文件夹拷贝到 task 路径下。 8、还原数据库文件 training.bak。 9、 在解决方案资源管理器中，右键点击 BLL ，选择添加现有项，找到 UserService.cs，点击“添加” ，将 UserService 添加到框架中，如图 13。
搭建步骤： 1、打开 Visual Studio2005 开发环境，点击新建项目，在打开窗口的其他项 目类型中选择 Visual Studio 解决方案，输入方案名及路径，如图 1，点击 “确定”创建项目解决方案 taskSolution，如图 2。
图1
图2 2、在解决方案资源管理器中，右键点击解决方案 taskSolution，点击添加 新建网站，在打开窗口中选择“ 网站” ，输入网站名称，如图 3。 点击“确定”创建网站，即创建表现层，如图 4。
如图 13 10、 在解决方案资源管理器中，右键点击 E:\....\task\，选择添加引用，在 打开窗口中选择项目中 BLL，如图 14。点击“确定” ，将 BLL 引用添加
到表现层。
图 14 至此，开发框架搭建完成，右键点击 login.aspx，选择在浏览器中查看，显示 如图 15。
图 15
图3
图4 3、 在解决方案资源管理器中，右键点击解决方案 taskSolution，点击添加 新建项目，在打开窗口中选择类库，输入类库名称 BLL，如图 5。点击“确 定”创建业务逻辑层目录，如图 6。
图5
图6 4、将 dotNetFrameBase\NETOA.OACF 路径下的 dll 文件引用到 BLL 中。在 解决方案资源管理器中，右键点击 BLL，点击添加引用，在打开窗口中 找到 dll 文件，如图 7。选中所有文件，点击“打开”对 dll 文件进行引用， 如图 8。
DotNet培训
和ASP相比 和 相比
• 并不是单纯是 并不是单纯是ASP版本的升级，也不仅仅在于功能上的 版本的升级， 并不是单纯是 版本的升级 增强，而是实质性的飞跃。所以不完全兼容 不完全兼容ASP。 增强，而是实质性的飞跃。所以 不完全兼容 。 • 开发语言不同：ASP使用的是弱类型，面对结构的编程语言，而 开发语言不同： 使用的是弱类型， 使用的是弱类型 面对结构的编程语言， 提供的是强类型，面对对象的编程语言。 提供的是强类型， 提供的是强类型 面对对象的编程语言。 • 运行机制不同：ASP是解释性的编程框架，而提供的是 运行机制不同： 是解释性的编程框架， 是解释性的编程框架 提供的是 编译性的编程框架。 编译性的编程框架。 • 开发模式不同：ASP将界面和程序设计混在一起，难以维护和重 开发模式不同： 将界面和程序设计混在一起， 将界面和程序设计混在一起 将界面和程序分开保持， 用。而将界面和程序分开保持，提供了重用性，增强了 将界面和程序分开保持 提供了重用性， 维护性。 维护性。 • 总的来说：可完全利用 总的来说： 可完全利用Microsoft .NET架构的强大，安 架构的强大， 可完全利用 架构的强大 高效的平台特性。 全，高效的平台特性。是运行在服务器后端编译后的普 是运行在服务器后端编译后的普 通语言运行时代码，即时编译，本地优化，缓存服务， 通语言运行时代码，即时编译，本地优化，缓存服务，零安装配 基于运行时代码受管与验证的安全机制等都为ASP .NET带来 置，基于运行时代码受管与验证的安全机制等都为 带来 卓越的性能。 卓越的性能。
– 如果所请求的网页的文件名的后缀是 如果所请求的网页的文件名的后缀是aspx，那么就把这个文件传送 ， 进行处理， 到aspnet_isapi.dll进行处理，由aspnet_isapi.dll把代码提交 进行处理 把 代码提交 给CLR 。 – 如果以前没有执行过这个程序，那么就由 如果以前没有执行过这个程序，那么就由CLR编译并执行，得到纯 编译并执行， 编译并执行 HTML结果。 结果。 结果 – 如果已经执行过这个程序，那么就直接执行编译好的程序并得到纯 如果已经执行过这个程序， HTML结果。 结果。 结果
DotNet控件使用方法
DotNet第三方控件使用笔记0、1）ButtonX控件可实现如下效果：在ButtonX上，是否显示“图像，取决于“images“属性2）在“buttomItem“控件中，是否“只是显示图像”，”只是文本”，还是“图像和文本都显示”，取决于1、BalloonTio控件（气泡提示）（1）使用效果1）效果一：在鼠标在控件上面停留时，出现提示信息，如下图：2）效果二：当控件获得焦点时，也出现如上图一样的信息。
（2）实现上述两种效果的途径1）将BalloonTip控件的“ShowBalloonOnFacus”属性设置为“False”即可实现，效果一。
2）将“ShowBalloonOnFacus”属性设置为“True”，即可实现效果二。
（3）设置BalloonTip显示的内容：在欲设置该属性的控件的“BalloonTioOnFocus上的BalloonCaption”和“BalloonTioOnHover上的BalloonCaption”属性中，分别设置这两种效果的“标题”属性；在“BalloonTioOnFocus上的BalloonText”和在“BalloonTioOnHover上的BalloonText”属性中，分别设置这两种效果的“显示内容”的属性。
（4）属性“AlerAnimation”设置“BalloonTip”出现的效果,（5）“BalloonTip”除了出现在该控件附近，还可以出现在屏幕的右下角，示例程序如下：private AlertCustom m_AlertOnLoad=null;m_AlertOnLoad=new AlertCustom();Rectangle r=Screen.GetWorkingArea(this);m_AlertOnLoa d.Location=newPoint(r.Right-m_AlertOnLoad.Width,r.Bottom-m_AlertOnLoad.Height);m_AlertOnLoad.AutoClose=true;m_AlertOnLoad.AutoCloseTimeOut=15;m_AlertOnLoad.AlertAnimation=eAlertAnimation.BottomToTop;m_AlertOnLoad.AlertAnimationDuration=300;m_AlertOnLoad.Show(false);//false::指示该控件是否需要获得焦点才出现“BalloonTip”（6）“BalloonTip”除了可以通过“添加控件”的方式使用，也可以通过编程的方式使用，示例程序如下：DevComponents.DotNetBar.Balloon b=new DevComponents.DotNetBar.Balloon();b.Style=eBallonStyle.Alert;b.CaptionImage=balloonTipFocus.CaptionImage.Clone() as Image;b.CaptionText="Balloon Status Information";b.Text="Balloons are now enabled for Balloon Tip Test area. Hover mouse overthe area and set the focus to any control.";b.AlertAnimation=eAlertAnimation.TopToBottom;b.AutoResize();b.AutoClose=true;b.AutoCloseTimeOut=4;b.Owner=this;//指示父控件b.Show(button2,false);//button2：：指示在那个控件附近出现“BalloonTip”（7）还可以对“BalloonTip”出现时的效果进行程序控制，如下：// BalloonTriggerControl property returns control that invoked balloon// BalloonTriggerControl属性返回触发“BalloonTip”的控件if(balloonTipHover.BalloonTriggerControl==groupBox1){// BalloonControl is already prepared Balloon control that is just about to be displayed // Setting BalloonControl to null will cancel balloon displayPoint p=Control.MousePosition;// Adjust cursor position so cursor is below tipp.Offset(-balloonTipHover.BalloonControl.TipOffset,balloonTipHover.BalloonControl.TipLength+ 4);//Offset属性将点p进行平移balloonTipHover.BalloonControl.Location=p;}（8）与之类似的是DotNetToolTip所有控件都有的“ToolTip”属性，也可以是控件在鼠标划过时出现类似的东西，如下图2、DotNetBarManager控件与Bar控件的使用示例效果如下图：（1）DotNetBarManager控件----将该控件添加到工程后，将给Bar控件提供了“停靠点（DockSite）”，可以实现是工具栏在窗体的“上、下、左、右“摆放。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
接触ExtJs不久，一直以来都是DotNet阵营，某天在网上看到Coolite就爱不释手了。
但是用起来才知道不是那么顺手，可能是刚刚接触的原因。
网上的关于Coolite的资料更是少之又少了，唯一能够指望的只有Coolite官方的论坛。
虽然它的官方论坛牛人很多，也通过论坛解决了不少问题，但是总觉得都是一知半解的。
首先我觉得记得几个关键字，属性名都是其次的。
关键是理解弄懂控件、对象的运行机制，步骤顺序才是重点。
1.关于Store，GridPanelGridPanel+Store的机制，我认为是这样的。
1）Store想要定制ID等基本属性（呵呵，这是废话），其中<Reader>用来为读取数据集而定义的数据结构。
2）结构的定义需要JsonReader对象（我常用这个，JsonReader只是其中一种）3）<Fields>中包含N个字段对象<ext:RecordField>且，必要的属性如NAME,TYPE等4）<SortInfo>是用来指定排序规则的例：<ext:Store ID="StoreInP" runat="server" WarningOnDirty="false"><Reader><ext:JsonReader ReaderID="fSIPDId"><Fields><ext:RecordField Name="fSIPDId" /><ext:RecordField Name="fSIPId" /><ext:RecordField Name="fPId" /><ext:RecordField Name="fBUId" Type="int" /><ext:RecordField Name="fBUName" /><ext:RecordField Name="fPQuantity" Type="int" /><ext:RecordField Name="fSBatch" /><ext:RecordField Name="fSPackQuantity" Type="int" DefaultValue="0" /><ext:RecordField Name="fSSingleQuantity" Type="int" DefaultValue="0" /><ext:RecordField Name="fTotalQuantity" Type="int" DefaultValue="0" /></Fields></ext:JsonReader></Reader><SortInfo Field="fSIPDId" /></ext:Store>说明：1）WarningOnDirty 用来设定是否在数据发生改变时，提示警告。
涉及两个相关的属性DirtyWarningTitle="系统警告" DirtyWarningText="数据发生改变您未保存。
您确定要加载/刷新数据？"，从属性值大家就能看出是做什么用的了2）OnRefreshData 是个很主要的事件。
数据刷新事件。
如果Store对象中包含AutoLoad属性并且值为TRUE 的话，将会在页面加载是自动触发该事件。
那么我们就可以在后台为这个事件编写诸如获得数据库中的记录集绑定数据的操作。
例：protected void StoreInP_RefreshData(object sender, Coolite.Ext.Web.StoreRefreshDataEventArgs e) {this.StoreInP.DataSource = [dataset]\[datatable]\object[];//记录集this.StoreInP.DataBind();}3）注意一点。
设置AutoLoad为TRUE后，想要给Store加上自动加载参数，一般用于分页功能比较常见。
如<AutoLoadParams><ext:Parameter Name="start" Mode="Raw" Value="0" /><ext:Parameter Name="limit" Mode="raw" Value="15" /></AutoLoadParams>在Store获得数据以后，GridPanel所要做的就是呈现了。
Gridpanel最简单的呈现，只需要设定属性，和添加<ColumnModel>集合。
必须的属性如ID，runat="server" ，StoreID。
为了使我们的Grid更加美观，可以使用TrackMouseOver，Border等属性。
TrackMouseOver是给Grid实现鼠标在行经过时的轨迹效果，Border 给Grid加上圆角边框。
例：<ext:GridPanel ID="GridOperator" runat="server" StripeRows="true" TrackMouseOver="true" Border="true" StoreID="StoreOperator"><ColumnModel><Columns><ext:RowNumbererColumn /><ext:Column Header="登陆名" DataIndex="fSOpLogId" /><ext:Column Header="姓名" DataIndex="fSOpName" /><ext:Column Header="性别" DataIndex="fSOpSex" Width="35"><Renderer Fn="GridField_SexState" /></ext:Column><ext:Column Header="联系电话" DataIndex="fSOpTel" /><ext:Column Header="加入时间" DataIndex="fSOpJoinDt"><Renderer Fn="GridField_DateTime" /></ext:Column><ext:Column Header="角色组" DataIndex="fSRName"></ext:Column><ext:Column Header="可用" DataIndex="fEnabled" Width="35"><Renderer Handler="return (value>0)?True:False;" /></ext:Column></Columns></ColumnModel></ext:GridPanel>说明：其中ext:RowNumbererColumn 是给Grid添加自动编号列，<ext:Column>都有列标题Header，和数据字段名DataIndex等必要属性。
<Renderer>是列呈现的扩展方法，其中常用Fn和Handler来定制呈现效果。
Fn一般是对应脚本函数名，Handler对应脚本代码，value是当前列所获得的单元格值。
注意，实际上在后台代码绑定数据的时候，只需要对Store绑定，而Grid由于StoreID属性中已经关联了Store则无需在后台控制。
总结：1，由后台获得数据库查询数据，为Store对象绑定2，Store对象获得数据以后。
由其定义的<Reader>读取到本地（客户端）内存中。
3，Grid已经由StoreId关联的数据仓库，则通过Columns中的各列呈现。
4，Column对象中的Renderer可灵活扩展数据字段值的呈现效果。
以上就是入门级简单的Gridpanel+Store呈现数据。
表格的属性分为配置属性（在操作表格时无法修改），以及其他可读写属性，方法，以及事件。
如下：配置属性a) activeItem：渲染布局时激活的子元素。
b) applyTo：指定渲染对象。
c) autoDestroy：当容器的子元素从容器中移除时是否自动销毁。
d) autoExpandColumn：指定自动填充表格剩余区域的列ide) autoExpandMax：可自动扩张的最大宽度。
f) autoExpandMin：可自动扩张的最小宽度g) autoHeight:自动扩充高度h) autoShow：是否自动显示i) autoWidth：自动扩充宽度j) bbar/tbar：底部/顶部状态栏k) bufferResize：容器再布局的缓冲频率l) colModel/cm:列模式m) cls：组件的额外css格式。
n) collapsible:是否显示快捷隐藏按钮o) defaults：指定默认配置。
p) disableSelection：是否禁止选择表格行或列q) enableDragDrop：是否允许表格列的拖放操作。