lhgDialog弹出窗口组件基础示例(实例代码)

lhgDialog窗口组件基础示例(实例代码)：


配置参数演示






标题 [title]


 
$.dialog({title:'我是新标题'});


内容 [content]


1. 传入字符串
$.dialog({content: '我支持HTML'});
2. 使用iframe方式加载单独的内容页
$.dialog({content: 'url:content/content.html'});


确定取消按钮 [ok & cancel]


备注：回调函数this指向扩展接口，如果返回false将阻止对话框关闭
$.dialog({
content: '如果定义了回调函数才会出现相应的按钮',
ok: function(){
this.title('3秒后自动关闭').time(3);
return false;
},
cancelVal: '关闭',
cancel: true /*为true等价于function(){}*/
});


最大化最小化按钮 [max & min]


备注：此参数是用来显示或隐藏最大化最小化按钮
$.dialog({
content: '不显示最大化和最小化按钮',
max: false,
min: false
});


自定义按钮 [button]


备注：回调函数this指向扩展接口，如果返回false将阻止对话框关闭；button参数对应的扩展方法名称也是"button"
$.dialog({
id: 'testID',
content: 'hello world!',
button: [
{
name: '同意',
callback: function () {
this.content('你同意了').time(2);
return false;
},
focus: true
},
{
name: '不同意',
callback: function () {
alert('你不同意')
}
},
{
name: '无效按钮',
disabled: true
},
{
name: '关闭我'