如何让Html Link（锚点）像LinkBut​​ton一样进行回发？

Question

我想问我如何制作一个 html 锚点（一个元素）甚至任何对象来进行回发或执行服务器端方法？ 我想创建一个自定义按钮（用一些 div 包裹来进行一些自定义）并且我想实现 OnClick 使其看起来像 ASP.NET LinkBut​​ton？

喜欢

<a href="#" onclick="RunServerSideMethod()">Just a simple link button</a>

Answer 1

使用服务器端 html 控件，HtmlAnchor 这是服务器端的一个标签。

<asp:HtmlAnchor runat="server" onclick="RunServerSideMethod">Just a simple link</asp:HtmlAnchor>

Answer 2

默认情况下，控件使用 __doPostBack 向服务器进行回发。 __doPostBack 采用控件的 UniqueID（或在 HTML 中，HTML 元素的 name 属性）。第二个参数是要触发的命令的名称。

因此，对于自定义按钮，渲染到输出流：

<a id="someclientid" name="someuniqueid" href="javascript:void(0);" onclick="__doPostBack('someuniqueid', '');">val</a>

在自定义按钮中，添加 IPostBackEventHandler，此 __doPostBack 语句将触发其 RaisePostBackEvent自动为您提供方法。

Answer 3

只需添加锚标记 --> runat="server" onServerClick="您的函数名称"，它解决了您的问题。

Answer 4

一种解决方法可能是：
在锚标记的客户端事件中调用 dummyButton 单击 - 默认情况下将调用此虚拟按钮的服务器端事件。因此，如果您将服务器端代码放入此 dummyButton 服务器事件中 - 调用锚标记客户端事件将调用此服务器端虚拟按钮事件。

代码：

<a id="ancLink" href="javascript:void(0);" >back</a>

<asp:Button ID="dummyRefresh" runat="server" OnClick="BtnRefreshOnclick" style="display:none"/>

JavaScript：

ancLink.live("click", function () {
         callDummyButtonServerEvent();
    });

function callDummyButtonServerEvent() {

    $('input[id$=dummyRefresh]').click();   

}

Answer 5

要在不依赖 ASP.NET 的情况下执行此操作，RunServerSideMethod() 应该是一个使用 Ajax 向服务器发送请求的 JavaScript 函数。

尝试这个 Ajax 教程：http://www.w3schools.com/ajax/

Answer 6

您还可以在实际 HTML 代码中使用 ASP 代码，如下所示。

<a id="someclientid" name="someuniqueid" href="javascript:void(0);" onclick="<% YourASPMethod(); %>">val</a>

这将执行 aspx.cs 文件中名为 YourASPMethod() 的方法。