Back button or Navigate To Specific View(Page) -ASP.NET MVC3

Question

I am using ASP.NET MVC3 for my web application. To display a button in the User Interface I am using the following html in my View1.cshtml.

   <div class="demo">
                    <input type="submit" value="Save" title="Click here to create a comment" />
                    <input type="button" value="Cancel" onclick="location.href='/'"  title="Click here to cancel and go back to main menu" />
 </div>

I want to place a button so that users can go back to the previous page.. So to achieve this I want to place a button in the .cshtml which takes View Name and can

transfer to specific view. (or)
To the previous view.

Any one above requirements will be good for my application.

How can I do this? Any help or ideas will be useful to me.

Thank you

Possible duplicate of [ActionLink back button](http://stackoverflow.com/questions/4686124/actionlink-back-button) — rogerdeuce, Dec 14 '15 at 19:28

score 6 · Accepted Answer · edited May 23 '17 at 10:29

6

If you want to send the user to their previous page, you can always use Request.UrlReferrer in your controller, but beware that it's possible for them to spoof this quite easily. Another way would be to store the previous location in the session for the user, then you could retrieve it and hook it up to the button in your view.

As for wanting a button, take a look here: Html.ActionLink as a button or an image, not a link

Mind you, is it really necessary to add a back button? Most browsers have them built in ;-)

edited May 23 '17 at 10:29

Community

1
1

answered Nov 02 '11 at 10:15

Tom Chantler

14,753
4
48
53

3

`Request.UrlReferrer` Brilliant! – Davy8 Apr 02 '12 at 20:51

score 3 · Answer 2 · answered Nov 02 '11 at 10:46

Here is what I implemented a while back, not similar to your scenario but can certainly help you forward:

My Html markup:

<button id="btnCancel" type="button" class="t-button">Cancel</button>

With jQuery I can specify where it need to go to:

<script type="text/javascript">

     $(document).ready(function () {
          $('#btnCancel').click(function () {
               window.location = '@Url.RouteUrl(Url.GrantApplicationIndex())';
          });
     });

</script>

My GrantApplicationIndex helper method code:

public static object GrantApplicationIndex(this UrlHelper instance)
{
     Check.Argument.IsNotNull(instance, "instance");

     return new { controller = "GrantApplication", action = "Index" };
}

When the page is rendered the window.location part will look like this:

window.location = '/GrantApplication';

Never mix your HTML and JavaScript code, rather subscribe to the event after the control is loaded to the DOM.

score 1 · Answer 3 · answered Nov 02 '11 at 09:37

1

you can add link like this.

  @Html.ActionLink("Back to List", "Index")

here index is action name which will send to ceartain page Reply me is it useful to you if not then i will send you diff method.

answered Nov 02 '11 at 09:37

user1006544

1,514
2
16
26

I want it to be a button as I am already using the buttons for submit and cancel. So I want a button rather then Hyperlink. – Hari Gillala Nov 02 '11 at 09:53
so in that case add a button and on the button click fire a jquery which will call the required action method or directly redirect to the required path – user1006544 Nov 02 '11 at 10:44

score 1 · Answer 4 · answered Nov 02 '11 at 09:41

1

If you need some styling (like adding an image) to the link, you can try this:

 <a id="button" href="@Url.Action("Index", "Food")"></a>

U can put image in between the link tag. Hope this is what you mean :)

answered Nov 02 '11 at 09:41

shennyL

2,764
11
41
65

I want it to be a button as I am already using the buttons for submit and cancel. So I want a button rather then – Hari Gillala Nov 02 '11 at 09:53

Back button or Navigate To Specific View(Page) -ASP.NET MVC3

4 Answers4

Linked