lhgdialog使用方法.doc

首页 | API文档 | 基础示例 应用到你的项目 在页面head引入lhgdialog(如果项目采用jQuery作为框架，则引用jQuery的库)。 script type=text/javascript src=lhgdialog.min.js/script 配置全局默认参数(可选): (function(config){ config[extendDrag] = true; // 注意，此配置参数只能在这里使用全局配置，在调用窗口的传参数使用无效 config[lock] = true; config[fixed] = true; config[okVal] = Ok; config[cancelVal] = Cancel; // [more..]})($.dialog.setting);// 如果只设置一个或少量全局配置也可这样：$.dialog.setting.extendDrag = true; 快速入门 一、使用传统的参数$.dialog(content,ok,cancel) $.dialog(简单愉悦的接口，强大的表现力，优雅的内部实现, function(){alert(yes);}); 二、使用字面量传参$.dialog(options) var dialog = $.dialog({title: 欢迎,content: 欢迎使用lhgdialog对话框组件！,icon: succeed,ok: function(){ this.title(警告).content(请注意lhgdialog两秒后将关闭！).lock().time(2); return false; }}); 窗口lhgdialog.min.js文件的url参数 参数形式为：script type=text/javascript src=lhgdialog.min.js?self=trueskin=chrome/script self：指定弹出窗口的页面 类型：String默认：false说明：此参数只用在框架页面中，如果不写此参数或值为false时则窗口跨框架弹出在框架最顶层页面，如果值为true则不跨框架，而在当前面页弹出。 skin：多皮肤共享CSS文件名 类型：String默认：default说明：不写此参数则值为default。如果你想在同一页面使用不同皮肤的窗口，此处的值就为多皮肤共存的CSS的文件名 url参数不需要设定的就可以不写，不写时就使用默认值。 初始化参数列表 内容相关 title：窗口的标题文本 类型：String|Boolean默认：视窗说明：窗口标题的文件字符，如果值为false时就会隐藏标题栏 content：窗口中加载的内容 类型：String默认：loading...说明：1.如果想加载单独的页面，只要在字符前加url:字符即可，如：content:url:content.html 2.如果没有设定content的值则会有loading的动画 按钮相关 ok：确定按钮回调函数 类型：Function|Boolean默认：null说明：函数如果返回false将阻止对话框关闭；函数this指针指向内部api；如果传入true表示只显示有关闭功能的按钮 cancel：取消按钮回调函数 类型：Function|Boolean默认：null说明：1.函数如果返回false将阻止对话框关闭；函数this指针指向内部api； 2.如果传入true表示只显示有关闭功能的按钮，标题栏的关闭按钮其实就是取消按钮，点击同样触发cancel事件 3.如果值为false时则隐藏标题栏右边的关闭按钮 okVal：确定按钮文字 类型：String默认：确定 cancelVal：取消按钮文字 类型：String默认：取消 min：是否显示最小化按钮 类型：Boolean默认：true max：是否显示最大化按钮 类型：Boolean默认：true button：自定义按钮 类型：Array默认：null说明：配置参数成员：name —— 按钮名称callback —— 按下后执行的函数focus —— 是否聚焦点disabled —— 是否标记按钮为不可用状态（后续可使用扩展方法让其恢复可用状态）示例：参数如：[{name: 登录, callback: function () {}}, {name: 取消}] 。注意点击按钮默认会触发按钮关闭动作，需要阻止触发关闭请让回调函数返回false 尺寸相关 width：指定窗口的宽度 类型：Number|String默认：auto说明：1. 设置窗口的宽度，可以带单位