当前位置: 代码迷 >> ASP.NET >> 用thickbox弹出一个层 ,该层上有Button 怎样触发它的后台OnClick 事件?该如何解决
  详细解决方案

用thickbox弹出一个层 ,该层上有Button 怎样触发它的后台OnClick 事件?该如何解决

热度:6845   发布时间:2013-02-25 00:00:00.0
用thickbox弹出一个层 ,该层上有Button 怎样触发它的后台OnClick 事件?
这是个让我很纠结的问题。原本以为thickbox功能相当的强大,可是这么个问题出来以后让我对thickbox大失所望,目前寻找解决方案,我在网搜刮了N久,有人遇到同样的问题,但是都没有很好的解决方案,小弟现在想CSDN的同僚们求救。

我先上代码:
HTML code
<button id="lbtsk_addbid" class="thickbox" alt="#TB_inline?height=100&width=160&inlineId=addbid" >点我</button>


C# code
<div id="addition" style=" padding: 10px;">        <asp:Button ID="Button1" runat="server" Text="Button"/></div>


C# code
//按钮的后台的代码    protected void Button1_Click(object sender, EventArgs e)    {        Response.Write("<script>alert('sadf')</script>");    }

我这实验很简单,点击“点我”弹出thickbox层,层里有个BUTTON,点击的话应该执行后台的Button1_Click事件;
可是它不执行后台的代码。于是乎我有打开thickbox.js研究了一下,发现这么一段:
JScript code
if(url.indexOf('TB_inline') != -1){                    $("#TB_ajaxContent").append($('#' + params['inlineId']).children());                    $("#TB_window").unload(function () {                        $('#' + params['inlineId']).append( $("#TB_ajaxContent").children() ); // move elements back when you're finished                    });                    tb_position();                    $("#TB_load").remove();                    $("#TB_window").css({display:"block"});                 }

TB_inline的工作原理是把选定的元素(我这儿就是‘id=addition’)的所有子元素移动到它定义的结构里面,可是这应该不影响程序吧,变得只是位置而已,这让我很困惑,很纠结。

求助啊……


------解决方案--------------------------------------------------------
我猜用ajax?
------解决方案--------------------------------------------------------
顶且关注
------解决方案--------------------------------------------------------
Jquery的东西不了解,关注
------解决方案--------------------------------------------------------
通过jquery的jwindow打开页面,很容易操作
<LINK href="../css/jwindow.css" type=text/css rel=stylesheet />
 <SCRIPT src="../js/jquery-latest.pack.js" type=text/javascript></SCRIPT>
<SCRIPT src="../js/ui.mouse.js" type=text/javascript></SCRIPT>
<SCRIPT src="../js/ui.draggable.js" type=text/javascript></SCRIPT>
<SCRIPT src="../js/jquery.jwindow.js" type=text/javascript></SCRIPT>
<script>
function OpenWindow(url,width,height)
{
SetTitle(url);
OpenJWindow('#openwin', url, width,height, EditClosed);
}
function SetTitle(url)
{
var obj = document.getElementById("winTitle");
obj.innerHTML ="";
return;
}
function EditClosed(result)
{
return false;
}
<DIV class="window" id="openwin" style=" z-index:100;">
<DIV class="title">
<SPAN id="winTitle">&nbsp;</SPAN>
<SPAN class="buttons">
<SPAN class="close" id="closewin">关闭</SPAN>
</SPAN>&nbsp;
</DIV>
<IFRAME class="content_frame"
style="TEXT-ALIGN: center" src="" frameBorder="0"
scrolling="no"></IFRAME>
onClick="OpenWindow('A.aspx', 650,370);return false;"
  相关解决方案