yui 开发文档

《yui 开发文档》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、--YUI开发文档表格和树YUI组件分为两类：工具包和控件库YUI工具包：1.AnimationUtility动画（Animation）：在你的页面中通过指定位置，大小，透明度或者页面元素的其他特性来创建一个"电影效果（cinematiceffects）"。这些效果将在你的页面发生变化的时候给用户更好的体验。2.BrowserHistoryManager3.ConnectionManager(forXHR/Ajax)连接管理（ConnectionManager）：这个工具包帮助你管理XMLHttpRequest（一般被称为AJAX）事务，它提供对表

2、单提交（formposts），错误捕获（errorhandling）和callbacks的全面支持。该工具包也支持文件的上传管理。4.DataSourceUtility数据源工具：5.DragandDropUtility拖放（DragandDrop）：创建可拖放的对象。为了提供丰富的交互功能（比如拖动一个对象到目标位置）你可能需要编写很多代码。这个工具包可以在所有支持的浏览器中捕获所有的操作事务并保证其稳定地运行。6.ElementUtility7.GetUtility动态的添加外部Javascript和CSS。8.ImageLoaderUtili

3、ty加载图像工具9.JSONUtility这将做解析JSON的首选组件。10.Profiler通过编程方式查看应用的动行情况。可以很方便的观察程序的执行性能。11.SelectorUtility实现用类似CSSSelector的方式收集Node元素。最常用的方法query()。YUI控件库1.AutoComplete自动完成控件为文本输入提供一种渐进式的用户体验（streamlineuserinteractions）。控件会提供相似项列表和基于多样化的数据格式的提前键入功能（type-aheadfunctionalitybasedonavariet

4、yofdata-sourceformats），并且可以通过XMLHttpRequest访问服务端的数据。2.Button一个按钮控件3.Calendar一个用来日期选择的动态图形控件4.Charts[experimental]混合了javascript和flash，支持显示条形，曲线和饼图。5.ColorPicker一个选择颜色的控件6.Container(includingModule,Overlay,Panel,Tooltip,Dialog,SimpleDialog)一组模仿windows样式的控件，他们包括Tooltip,Panel,Dial

5、og和SimpleDialog。其中Module和Overlay控件提供一个可扩展的平台，你可以控制自定义的模仿windows样式的控件7.DataTable表格及其相关操作8.Logger提供一个快速和简单的记录日志的方式，它直接将日志信息输出到屏幕控制台（on-screenconsole）、Firefox的扩展组件FireBug，或者Safari的Javascrīpt控制台。yui的Debug组件将完整的记录输出信息和调试信息。9.Menu利用此控件只需要几行简单的代码就可以设计一个动态样式的菜单。可以完全使用javascrīpt构造一个菜单，

6、canbelayeredontopofsemanticunorderedlists。10.RichTextEditor类似word的一个文本编辑器11.Slider----提供一个可滑动的组件，它允许使用者在一定的范围内（x轴，y轴）改变滑块的位置。12.TabView13.TreeView提供一个节点可缩放的树形控件。节点可以是链接，自定义属性，并且可以动态加载。节点元素的展现可以通过CSS修改，比如文件夹视图，TO－DO任务列表或者其他可视化处理1.YUItree①YUITreeView的结构目录：就是一些CSS、图片和Js文件，assets文

7、件里面的是跟组件样式相关的文件，如果要扩展树，可以修改这里面的treeview.css等，可以自己添加图片。Js文件是TreeView的核心，里面有TreeView的功能实现以及各种Node的声明。②YUI TreeView中的类：YAHOO.widget.HTMLNodeYAHOO.widget.MenuNodeYAHOO.widget.NodeYAHOO.widget.RootNodeYAHOO.widget.TextNodeYAHOO.widget.TreeViewYAHOO.widget.TVAnimYAHOO.widget.TVFadeI

8、nYAHOO.widget.TVFadeOut这些类分成3部分看，第一部分是前面几个以Node结尾的类，这些类代表是树上的