广告位招租
YAHOO UI 之dialog 研究
[
2008-03-13 22:03 | by 草山狐 ]
Dialog
从Panel上扩展出来的组件,类似于Windows的窗口,在浏览器中提供了一种不用页面跳转就能使用交互来获取用户输入的交互方式,用户输入的数据都是通过一个标准的HTML Form获取的,并支持多种的获取输入数据的方式:普通的Form的提交,XMLHttpRequest,或者完全通过脚本来读取。
Dialog的引入
build/container/assets/container.css
build/yahoo-dom-event/yahoo-dom-event.js
build/animation/animation-min.js
build/dragdrop/dragdrop-min.js
build/connection/connection-min.js
build/container/container-min.js
Dialog的初始化
constructor:YAHOO.widget.Dialog(dialogId);
dialogId为页面中已经申明的element
Dialog的配置集
属性名称
含义
postmethod
窗口提交的方式,async:异步,form:标准的submit,none:不提交
buttons
dialog中的button数组列表,
同时继承了Overlay,Panel的属性
单个按钮对象的定义方式:
{ text:按钮上的文本,
handler:按钮的click事件响应函数
isDefault:是否缺省按钮}
从Panel上扩展出来的组件,类似于Windows的窗口,在浏览器中提供了一种不用页面跳转就能使用交互来获取用户输入的交互方式,用户输入的数据都是通过一个标准的HTML Form获取的,并支持多种的获取输入数据的方式:普通的Form的提交,XMLHttpRequest,或者完全通过脚本来读取。
Dialog的引入
build/container/assets/container.css
build/yahoo-dom-event/yahoo-dom-event.js
build/animation/animation-min.js
build/dragdrop/dragdrop-min.js
build/connection/connection-min.js
build/container/container-min.js
Dialog的初始化
constructor:YAHOO.widget.Dialog(dialogId);
dialogId为页面中已经申明的element
Dialog的配置集
属性名称
含义
postmethod
窗口提交的方式,async:异步,form:标准的submit,none:不提交
buttons
dialog中的button数组列表,
同时继承了Overlay,Panel的属性
单个按钮对象的定义方式:
{ text:按钮上的文本,
handler:按钮的click事件响应函数
isDefault:是否缺省按钮}
YAHOO工具库提供的方法
浅析《输赢》之“摧龙六式”





