去作者的博客园下载最新的版本
http://www.cnblogs.com/lhgstudio
解压缩后
把 lhgdialog 整个目录copy 到你项目根目录下。只有一个 skins 目录及两个文件:lhgcore.min.js 和 lhgdialog.min.js
使用
比如 要在 当前页面 ComeInUserList.aspx 点击按钮,弹出窗口: PackageLastCheck.aspx
则需在 ComeInUserList.aspx 页内引用控件的 js 文件:
<
script
type
="text/javascript"
src
="../lhgdialog/lhgcore.min.js"
></
script
>
< script type ="text/javascript" src ="../lhgdialog/lhgdialog.min.js?s=chrome" ></ script >
< script type ="text/javascript" language ="javascript" >
function opdlg2(weburl) {
var testDG = new J.dialog({ id: ' test19 ' , page: weburl, width: 900 , height: 610 , title: ' 瓶箱场地验检员操作 ' , cover: true , rang: true , btnBar: false });
testDG.ShowDialog();
}
</ script >
< script type ="text/javascript" src ="../lhgdialog/lhgdialog.min.js?s=chrome" ></ script >
< script type ="text/javascript" language ="javascript" >
function opdlg2(weburl) {
var testDG = new J.dialog({ id: ' test19 ' , page: weburl, width: 900 , height: 610 , title: ' 瓶箱场地验检员操作 ' , cover: true , rang: true , btnBar: false });
testDG.ShowDialog();
}
</ script >
然后,在需要的地方加上
<
td
>
< a style ="cursor:hand" onclick ="opdlg2('../PackageFlow/PackageLastCheck.aspx?id=<%#Eval(" ID")% >')">开始验检数量 </ a >
</ td >
< a style ="cursor:hand" onclick ="opdlg2('../PackageFlow/PackageLastCheck.aspx?id=<%#Eval(" ID")% >')">开始验检数量 </ a >
</ td >
这样即可实现 弹出窗口 PackageLastCheck.aspx ,并且可以带上参数
----------------
在弹出的窗口PackageLastCheck.aspx 中,当提交此页面时,想实现,先提示提交成功,然后,关闭窗口,并且刷新父窗口 ComeInUserList.aspx
则需要 弹出的窗口PackageLastCheck.aspx 中
<
script
type
="text/javascript"
>
var DG = frameElement.lhgDG;
function closdlg() {
DG.cancel();
}
function closdlgreload() {
DG.curWin.location.reload();
DG.cancel();
}
</ script >
var DG = frameElement.lhgDG;
function closdlg() {
DG.cancel();
}
function closdlgreload() {
DG.curWin.location.reload();
DG.cancel();
}
</ script >
然后在其后台文件 .CS 的按钮事件中
protected
void Button2_Click(
object sender, EventArgs e)
{
// ClientScript.RegisterStartupScript(GetType(), "alert", "alert('提交成功!');closdlg();", true);
// 先提示提交成功,然后关闭窗口
// ClientScript.RegisterStartupScript(GetType(), "alert", "closdlg();alert('提交成功!');", true);
// 先关闭窗口,然后提示提交成功
// ClientScript.RegisterStartupScript(GetType(), "alert", "closdlgreload();alert('提交成功!');", true);
// 先实现关闭窗口,并刷新父页,最后,提示提交成功
ClientScript.RegisterStartupScript(GetType(), " alert ", " alert('提交成功!');closdlgreload(); ", true);
// 先实现提示提交成功,然后,在实现实现关闭窗口,并刷新父页
}
{
// ClientScript.RegisterStartupScript(GetType(), "alert", "alert('提交成功!');closdlg();", true);
// 先提示提交成功,然后关闭窗口
// ClientScript.RegisterStartupScript(GetType(), "alert", "closdlg();alert('提交成功!');", true);
// 先关闭窗口,然后提示提交成功
// ClientScript.RegisterStartupScript(GetType(), "alert", "closdlgreload();alert('提交成功!');", true);
// 先实现关闭窗口,并刷新父页,最后,提示提交成功
ClientScript.RegisterStartupScript(GetType(), " alert ", " alert('提交成功!');closdlgreload(); ", true);
// 先实现提示提交成功,然后,在实现实现关闭窗口,并刷新父页
}
这样,即可实现以上功能!
另注:如果要在此页面中实用 ajax,
<
asp:ScriptManager
ID
="ScriptManager1"
runat
="server"
>
</ asp:ScriptManager >
< asp:UpdatePanel ID ="UpdatePanel1" runat ="server" >
< ContentTemplate >
这里放入表单内容,TextBox ,然后,可以现当铺联动等功能,实现无刷新效果
</ ContentTemplate >
</ asp:UpdatePanel >
< asp:Button ID ="Button1" runat ="server" Height ="21px" onclick ="Button1_Click"
Text ="提交" Width ="112px" />
</ asp:ScriptManager >
< asp:UpdatePanel ID ="UpdatePanel1" runat ="server" >
< ContentTemplate >
这里放入表单内容,TextBox ,然后,可以现当铺联动等功能,实现无刷新效果
</ ContentTemplate >
</ asp:UpdatePanel >
< asp:Button ID ="Button1" runat ="server" Height ="21px" onclick ="Button1_Click"
Text ="提交" Width ="112px" />
Button 按钮一定不要放在UpdatePanel 里面,要放在外面,然后,其它操作没有不同。