去作者的博客园下载最新的版本
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, 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, 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 里面,要放在外面,然后,其它操作没有不同。