How to let Html Link (anchor) do a postback to be like LinkButton?

Question

I would like to ask how can i make an html anchor (a element) or even any object to do a postback or to execute an server side method? I want to create a custom button (a wrapped with some divs to do some custom them) and i want to implement OnClick to be look like the ASP.NET LinkButton?

Like

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

brrrr, i never want to go back to ASP.NET Webforms, hail MVC :) — Ropstah, Mar 19 '10 at 12:15
sure MVC is new and good solution, but WebForms is still used at least for the old project (before MVC released) — Ahmed Magdy, Mar 20 '10 at 21:27

score 14 · Answer 1 · answered Mar 19 '10 at 12:05

14

Use a server side html control, HtmlAnchor which is a server side a tag.

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

answered Mar 19 '10 at 12:05

Oded

489,969
99
883
1,009

This gets, "HtmlAnchor is not a known element" – Bengi Besçeli Aug 29 '15 at 16:27

score 10 · Accepted Answer · edited Nov 29 '18 at 23:32

10

By default, controls use __doPostBack to do the postback to the server. __doPostBack takes the UniqueID of the control (or in HTML, the name property of the HTML element). The second parameter is the name of the command to fire.

So for a custom button, render to the output stream:

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

In your custom button, add the IPostBackEventHandler, and this __doPostBack statement will fire its RaisePostBackEvent method automatically for you.

edited Nov 29 '18 at 23:32

Juan

4,910
3
37
46

answered Mar 19 '10 at 12:13

Brian Mains

50,520
35
148
257

Thats good, but from where i can define the name of the method to run? or this should be in `IPostBackEventHandler` implementation? – Ahmed Magdy Mar 20 '10 at 21:28
You manually call the method you want to, or use reflection to dynamically call it. You have the full control over the implementation to do what you want to do. – Brian Mains Mar 21 '10 at 03:50

score 5 · Answer 3 · edited Jun 20 '20 at 09:12

5

Just add on anchor tag --> runat="server" onServerClick="Your function name", it solves your problem.

edited Jun 20 '20 at 09:12

Community

1
1

answered May 03 '13 at 06:00

Nitish

59
1
1

This is what i would use – Johnn5er Dec 20 '16 at 15:39
This one solves my problem. It seems my version of asp.net doesn't have HtmlAnchor(or I don't know how to import it) & make a custom button is a bit overkill in my opinion. – Circle Hsiao Jul 06 '17 at 06:24

score 1 · Answer 4 · edited Oct 18 '19 at 18:07

One workaround could be :
invoke dummyButton click in client side event of anchor tag - which will call server side event of this dummy Button by default. so if u place ur server side code in this dummyButton server event - calling anchor tag client side event would invoke this server side dummy button event.

Code:

<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();   

}

score 0 · Answer 5 · answered Jul 12 '13 at 06:48

You could also use ASP code from within the actual HTML code as following.

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

This would execute a method called YourASPMethod() in the aspx.cs file.

score 0 · Answer 6 · answered Mar 19 '10 at 12:08

0

To do this without relying on ASP.NET, RunServerSideMethod() should be a javascript function that uses Ajax to send a request to the server.

Try this Ajax tutorial: http://www.w3schools.com/ajax/

answered Mar 19 '10 at 12:08

Justin Emery

1,644
18
25

How to let Html Link (anchor) do a postback to be like LinkButton?

6 Answers6

Linked