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  里面，要放在外面，然后，其它操作没有不同。