打开链接”和HREF =“”使用服务器控制按钮

Question

我使用一个JavaScript包，可内嵌HTML的弹出：http://www.enthropia.com/labs/ibox/

下正常工作：

<a href="#inner_content" rel="ibox&width=800&height=400" title="Search Non Scrum Stories">Click to Open</a> 

不过，我希望能够打开链接如上通过点击一个asp.net服务器控件按钮：

<asp:Button ID="searchButton" runat="server" Text="Search Stories" OnClick="searchButton_Click" /> 

如何acomplish呢？我试过：

<a href="#inner_content" rel="ibox&width=800&height=400" title="Search Non Scrum Stories"><asp:Button ID="searchButton" runat="server" Text="Search Stories" OnClick="searchButton_Click" /></a> 

它的工作原理，但它打破了OnClick C＃的能力。另外，我发现这是不正确的。那么我如何正确地做到这一点？

Answer 1

您希望这发生在浏览器中，而不是服务器端，因此您将无法使用.net OnClick。

您需要设置asp.net按钮的JS onclick行为，并在触发时在链接上发出单击事件。

与您现有的代码，我会做这样的事情：

ASPX页面：

<a id="linkId" href="#inner_content" rel="ibox&width=800&height=400" title="Search Non Scrum Stories">Click to Open</a> 

<div id="buttonContainer"> 
    <asp:Button ID="searchButton" runat="server" Text="Search Stories" /> 
</div> 

<script> 
var link = document.getElementById("linkId"); 
var button = document.getElementById("buttonContainer").children[0]; 
button.onclick = function(){link.click();} 
</script> 

这里是JS的工作示例：http://jsfiddle.net/MaxPRafferty/f8jqP/