日期:2014-05-18  浏览次数:20463 次

用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;"