lhgdialog个人整理

最新推荐文章于 2021-03-17 07:29:57 发布

原创最新推荐文章于 2021-03-17 07:29:57 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#lhgdialog

前端技术专栏收录该内容

28 篇文章

订阅专栏

本文介绍了如何使用jQuery dialog插件创建对话框，并展示了具体的代码实现方式。包括如何设置对话框的样式、尺寸以及如何处理用户的交互操作等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建：

var content = "<form id='makeSureFrm' name='makeSureFrm'>处理结果：<select name='result'><option value='1'>通过</option><option value='0'>拒绝</option></select><br/>描述信息：<textarea rows='8' name='comment' style='width:300px'/><br><button onclick=\" putSure( "+"'"+flowId+"','"+cerifiyType+"'"+" )\">确认</button><button onclick=\" closeDialog()\">关闭</button></form>";



$.dialog({
id : 'makeSure',
title : '操作',
background : '#FFF', /* 背景色 默认的遮罩背景色为:#DCE2F1浅蓝护眼色 */
opacity : 0.5, /* 透明度 */
content : content,
max : false,
min : false,
drag : false,
resize : false,
zIndex : 50,
width : 750,
height : 400,
close : function() {
//getProjectFile(type)
}

});

 var viewDialog=$.dialog({
        id:'viewDialog',
        title:'学校用户',
        fixed: true,
        content:'url:${root}/base/StatJinDu/showSchoolUser.jspx?areaId='+areaId+'&date='+new Date().getTime(),
        max:false,
        min:false,
        resize:false,
        width:"1200px",
        height:"600px"
    });

//关闭dialog
viewDialog.close();

关闭：

$.dialog({id:'makeSure'}).close();

W.lhgdialog.list['upfile'].close();

//调用父页面的方法
parent.XXXX
<a href="###" onclick="parent.showSchool('${dat['SCHOOL_ID'] }','${dat['SCHOOL_NAME'] }')">${dat['SCHOOL_NAME'] }</a>

//给父页面赋值
$('#aaa',window.parent.document).val("123");

提示：

$.dialog.tips('文件名已经存在！',1,'alert.gif',function(){});

下载资源：

http://download.youkuaiyun.com/detail/pengbin790000/9906826

官网地址：（demo、api）

http://www.lhgdialog.com/demo/