使用服务器控制按钮打开与rel =“”和href =“”的链接

时间:2013-07-17 18:44:50

标签: c# javascript asp.net

我正在使用一个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" />

我如何实现这个目标?我试过了:

<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#的能力。另外,我发现这是不正确的。那么我该怎么做呢?

1 个答案:

答案 0 :(得分:0)

您希望在浏览器中进行此操作,而不是在服务器端,因此您将无法使用.net OnClick。

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

使用现有代码,我会做这样的事情:

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/

的工作示例