lhgcoreDialogPlugin v3.5.2 使用点滴

 

去作者的博客园下载最新的版本

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>

 

然后，在需要的地方加上

 

<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>

 

然后在其后台文件 .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);
            //先实现提示提交成功，然后，在实现实现关闭窗口，并刷新父页
        }

 

 

这样，即可实现以上功能！

 

另注：如果要在此页面中实用 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" />

 

Button 按钮一定不要放在UpdatePanel  里面，要放在外面，然后，其它操作没有不同。