htmledit_views">
前段时间一直在学习Ext2html" title=框架>框架,记得刚开始时只觉得这个html" title=框架>框架真是酷真是强,但到底它都有哪些功能、能实现什么自己却是一点都不了解,面对这 么一个庞然大物,只能慢慢来学,经过这么长时间的学习,对于Ext2的结构、功能等也都有了很多了解,于是总结了这份描述html" title=文档>文档,一方面加深自己的印象,另 一方面我想很多初学html" title=ext>ext2的朋友可能会需要这份html" title=文档>文档。由于个人对Ext2还不是非常熟悉,加上个人html" title=文档>文档编写能力原因,很多地方可能都不完整或者有什么错 误的地方,希望您能指出。
注:本html" title=文档>文档针对Ext2.0,本人对Ext1.X没有研究过,再次声明!
下载Word版:
html" title=ajax>ajaxbbs.net/blog/template/default/images/download.gif" />下载文件
===============Ext2html" title=框架>框架及组件功能描述===================
1、html" title=框架>框架功能包括:
1.1 对页面Dom的核心操作
如获取指定元素,利用CSS/Xpath等语法批量获取页面元素,创建页面对象及页面对象操作(添加/插入/删除等)。
1.2 Js内置对象功能html" title=扩展>扩展
对Array、Function、Number、String、Date都进行了一些功能html" title=扩展>扩展。
1.3 Ajax功能
Ajax提交数据及请求处理。
1.4 多种组件
如按钮、日期控件、编辑器、颜色面板、Grid、Tree、Tab页,弹出窗口等
1.5 对页面及个元素的事件管理
如为页面元素绑定事件,取消事件等。
1.6 创建各种简易的动画效果
如淡入淡出、高亮、缩放等。
1.7 键盘功能绑定及常用的键盘导航
可以轻松实现对键盘(组合)按键与页面元素事件的绑定。
可以轻松对页面常用的导航键(上下左右箭头、home、end、enter、tab、esc等)绑定指定的功能
1.8 在页面及各种元素上创建遮罩效果
1.9 创建定时任务
使页面在指定的时间执行某项任务(功能如Dom的setTimeout功能)
1.10 强大的模板机制
对于一些格式相同的html数据,为提高其重用性,可以为创建模板,以后只需传入数据即可。
Ext的模板不仅支持常用的标记匹配替换,还支持匹配串格式化,简单的循环及条件匹配。
1.11 完善的页面样式管理
创建样式,为元素设定样式,获取样式等。
1.12 统一的数据管理方式
无论是数组,JSon或者是xml,Ext都能对其进行统一管理,自动转换为统一的格式便于html" title=框架>框架内部各部分使用。
1.13 元素拖放及resize支持
除了简单的拖放功能,还支持对元素拖放范围的管理。
1.14 状态管理功能
Ext内置了对所有组件的状态管理功能,如Layout,窗口等,对于组件的最后操作会自动记录下次访问可还原到用户上次操作的状态。
1.15 完整的布局种类
包括了10种我们可能用到的布局方式,如borderLayout,tableLayout,FormLayout等,基本可以满足常见的各种布局需求。
2、各个组件功能:
2.1 Form
2.1.1 标签与输入项对应
2.1.2 标签对齐方式、宽度
2.1.3 实时验证并提示错误,自定义错误信息及样式
2.1.4 默认值
2.1.5 对键盘输入按键的过滤
2.1.6 输入框宽度根据内容自动html" title=扩展>扩展
2.1.7 内置了DateField(日期输入)、NumberField(数字输入)、TimeField(时间输入选择)、Combo(下拉框)、htmlEditor(编辑器)。每个类型都有其自身的许多属性定义。
2.1.8 Fieldset对表单项进行分组显示,允许对单个组的折叠隐藏
2.1.9 Ajax提交与普通提交
2.2 Grid
2.2.1 不可编辑与可编辑Grid
2.2.2 选择模式:行选择,列选择。其中行选择包括checkbox选择。
2.2.3 通过行前面的checkbox选择行及标题行checkbox全选行。
2.2.4 设定是否允许多行选择。
2.2.5 列数据输出前的格式化,允许显示图片及各种html样式,如黑体字,链接。
2.2.6 行号显示
2.2.7 对特定列设定是否支持列排序,显示及隐藏、调整宽度。可设定列数据对齐方式。
2.2.8 加载数据是否显示遮罩
2.2.9 数据隔行变色
2.2.10 数据分组显示及统计
2.3 Tree
2.3.1 创建本地树或通过html" title=ajax>ajax创建树。
2.3.2 是否允许拖放节点
2.3.3 设定节点拖放范围
2.3.4 多节点选择及Checkbox选择节点
2.3.5 是否显示根节点
2.3.6 定义每个节点的图标
2.3.7 可编辑的树节点
2.3.8 树节点排序
2.4 Tabpanel
2.4.1 设定默认显示的tab页
2.4.2 通过html" title=ajax>ajax加载tab页内容或直接用html填充
2.4.3 将页面指定内容自动转换为tab页
2.4.4 设定每个Tab页内容第一次激活时加载内容还是初始化时全部加载。
2.4.5 是否允许拖动该tab组件。
2.4.6 当多个tab页标题宽度大于tab组件的宽度时是否出现滚动左右滚动箭头
2.4.7 自定义Tab页标题默认宽度,最小宽度,每个tab页标题之间的间距,及tab标题出现的位置(top/bottom)。
2.5 Menu
2.5.1 类windows菜单效果
2.5.2 包含常用的文字菜单项、带有复选框/单选框的菜单项、颜色选择菜单项、日期选择菜单项及菜单之间的分割线。
2.5.3 无限级子菜单
2.6 Data/Store
2.6.1 各类数据获取代理,如普通数据传入、http数据获取,跨域数据获取。
2.6.2 各种数据转换器:支持xml、json、数组。
2.6.3 可html" title=扩展>扩展其它类型的数据获取代理及数据转换器
2.6.4 对数据的动态维护,如添加删除数据,可直接影响到数据使用者如grid
2.6.5 数据排序
2.7 窗口类
2.7.1 支持常用的alert、confirm、prompt、processBar及等待loading。此外可以根据需要自定义弹出类型(如高宽、显示按钮类型,显示图标、是否允许关闭等)
2.7.2 Portal窗口(组),用于实现类似windows桌面应用程序的效果。
2.7.3 可以实现弹出各种类型的窗口内容。 相关日志
ExtTLD--JSP tag Lib方式使用Ext
实现Ext Grid宽高自适应
Ext2:在iframe内页关闭外部展开的menu菜单
解析Xml构建Ext树形菜单
建立优美的面向对象JS编程风格
注:本html" title=文档>文档针对Ext2.0,本人对Ext1.X没有研究过,再次声明!
下载Word版:
点击这里下载文件: Ext功能描述.rar
===============Ext2html" title=框架>框架及组件功能描述===================
1、html" title=框架>框架功能包括:
1.1 对页面Dom的核心操作
如获取指定元素,利用CSS/Xpath等语法批量获取页面元素,创建页面对象及页面对象操作(添加/插入/删除等)。
1.2 Js内置对象功能html" title=扩展>扩展
对Array、Function、Number、String、Date都进行了一些功能html" title=扩展>扩展。
1.3 Ajax功能
Ajax提交数据及请求处理。
1.4 多种组件
如按钮、日期控件、编辑器、颜色面板、Grid、Tree、Tab页,弹出窗口等
1.5 对页面及个元素的事件管理
如为页面元素绑定事件,取消事件等。
1.6 创建各种简易的动画效果
如淡入淡出、高亮、缩放等。
1.7 键盘功能绑定及常用的键盘导航
可以轻松实现对键盘(组合)按键与页面元素事件的绑定。
可以轻松对页面常用的导航键(上下左右箭头、home、end、enter、tab、esc等)绑定指定的功能
1.8 在页面及各种元素上创建遮罩效果
1.9 创建定时任务
使页面在指定的时间执行某项任务(功能如Dom的setTimeout功能)
1.10 强大的模板机制
对于一些格式相同的html数据,为提高其重用性,可以为创建模板,以后只需传入数据即可。
Ext的模板不仅支持常用的标记匹配替换,还支持匹配串格式化,简单的循环及条件匹配。
1.11 完善的页面样式管理
创建样式,为元素设定样式,获取样式等。
1.12 统一的数据管理方式
无论是数组,JSon或者是xml,Ext都能对其进行统一管理,自动转换为统一的格式便于html" title=框架>框架内部各部分使用。
1.13 元素拖放及resize支持
除了简单的拖放功能,还支持对元素拖放范围的管理。
1.14 状态管理功能
Ext内置了对所有组件的状态管理功能,如Layout,窗口等,对于组件的最后操作会自动记录下次访问可还原到用户上次操作的状态。
1.15 完整的布局种类
包括了10种我们可能用到的布局方式,如borderLayout,tableLayout,FormLayout等,基本可以满足常见的各种布局需求。
2、各个组件功能:
2.1 Form
2.1.1 标签与输入项对应
2.1.2 标签对齐方式、宽度
2.1.3 实时验证并提示错误,自定义错误信息及样式
2.1.4 默认值
2.1.5 对键盘输入按键的过滤
2.1.6 输入框宽度根据内容自动html" title=扩展>扩展
2.1.7 内置了DateField(日期输入)、NumberField(数字输入)、TimeField(时间输入选择)、Combo(下拉框)、htmlEditor(编辑器)。每个类型都有其自身的许多属性定义。
2.1.8 Fieldset对表单项进行分组显示,允许对单个组的折叠隐藏
2.1.9 Ajax提交与普通提交
2.2 Grid
2.2.1 不可编辑与可编辑Grid
2.2.2 选择模式:行选择,列选择。其中行选择包括checkbox选择。
2.2.3 通过行前面的checkbox选择行及标题行checkbox全选行。
2.2.4 设定是否允许多行选择。
2.2.5 列数据输出前的格式化,允许显示图片及各种html样式,如黑体字,链接。
2.2.6 行号显示
2.2.7 对特定列设定是否支持列排序,显示及隐藏、调整宽度。可设定列数据对齐方式。
2.2.8 加载数据是否显示遮罩
2.2.9 数据隔行变色
2.2.10 数据分组显示及统计
2.3 Tree
2.3.1 创建本地树或通过html" title=ajax>ajax创建树。
2.3.2 是否允许拖放节点
2.3.3 设定节点拖放范围
2.3.4 多节点选择及Checkbox选择节点
2.3.5 是否显示根节点
2.3.6 定义每个节点的图标
2.3.7 可编辑的树节点
2.3.8 树节点排序
2.4 Tabpanel
2.4.1 设定默认显示的tab页
2.4.2 通过html" title=ajax>ajax加载tab页内容或直接用html填充
2.4.3 将页面指定内容自动转换为tab页
2.4.4 设定每个Tab页内容第一次激活时加载内容还是初始化时全部加载。
2.4.5 是否允许拖动该tab组件。
2.4.6 当多个tab页标题宽度大于tab组件的宽度时是否出现滚动左右滚动箭头
2.4.7 自定义Tab页标题默认宽度,最小宽度,每个tab页标题之间的间距,及tab标题出现的位置(top/bottom)。
2.5 Menu
2.5.1 类windows菜单效果
2.5.2 包含常用的文字菜单项、带有复选框/单选框的菜单项、颜色选择菜单项、日期选择菜单项及菜单之间的分割线。
2.5.3 无限级子菜单
2.6 Data/Store
2.6.1 各类数据获取代理,如普通数据传入、http数据获取,跨域数据获取。
2.6.2 各种数据转换器:支持xml、json、数组。
2.6.3 可html" title=扩展>扩展其它类型的数据获取代理及数据转换器
2.6.4 对数据的动态维护,如添加删除数据,可直接影响到数据使用者如grid
2.6.5 数据排序
2.7 窗口类
2.7.1 支持常用的alert、confirm、prompt、processBar及等待loading。此外可以根据需要自定义弹出类型(如高宽、显示按钮类型,显示图标、是否允许关闭等)
2.7.2 Portal窗口(组),用于实现类似windows桌面应用程序的效果。
2.7.3 可以实现弹出各种类型的窗口内容。 相关日志
ExtTLD--JSP tag Lib方式使用Ext
实现Ext Grid宽高自适应
Ext2:在iframe内页关闭外部展开的menu菜单
解析Xml构建Ext树形菜单
建立优美的面向对象JS编程风格