MVC redirect from view to controller with parameters

Question

I need to redirect to controller action from view. My code in View looks like this.

<table id="tableid">
  <thead>
    <tr>
      <th id="Sno">S No</th>
      <th>Name</th>
      <th>Status</th>
      <th>Action</th>
      </tr>
  </thead>
  <tbody >
    @foreach (var sd in Model.Details)
    {

      <tr id="trid">
        <td>@sd .Id</td>
        <td>@sd .Name</td>
        <td>@sd .Status</td>
        <td>

          <a id="actionId"   onclick="Clickfn()"  >
          </a>
          <script>
            function Clickfn() {
              window.location.href = '@Url.Action("UpdateCamp", "CampDashboard", new {id =@sd .Id })'
            }
          </script>

          </td>
      </tr>
    }
  </tbody>
</table>

Code returns last Id of @sd .Id while clicking on tag..how to get that particular cell value (cell in which tag is present.)

Why do it with javascript? You can just use @foreach (var sd in Model.Details) { @Html.ActionLink(sd.Name, "UpdateCamp", "CampDashboard", new {ID = sd.ID }) } — user3559349
– user3559349, Commented Aug 14, 2014 at 8:13

Rory McCrossan · Accepted Answer · 2017-08-09 20:02:27Z

3

You can attach the value to the a element using a data attribute which you can then use in the click handler:

@foreach (var sd in Model.Details)
{
    <tr id="trid">
        <td>@sd .Id</td>
        <td>@sd .Name</td>
        <td>@sd .Status</td>
        <td>
            <a id="actionId" data-id="@sd.Id" href="#"></a>
        </td>
    </tr>
}

$('#tableid a').click(function(e) { 
  e.preventDefault();
  window.location.href = '@Url.Action("UpdateCamp", "CampDashboard")?id=' + $(this).data('id');
}

edited Aug 9, 2017 at 20:02

answered Aug 14, 2014 at 8:09

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kartikeya Khosla · Accepted Answer · 2014-08-14 08:19:42Z

2

Correct anchor tag as :-

<a id="actionId" onclick="Clickfn(@sd.Id)" >

and change Clickfn as :

 <script>
    function Clickfn(Id) {
     window.location.href ="/CampDashboard/UpdateCamp?id" + Id;
    }
 </script>

edited Aug 14, 2014 at 8:19

answered Aug 14, 2014 at 8:07

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

4 Comments

DavidG Over a year ago

This will not work as you are passing a static value to the URL in the Clickfn fucntion.

Kartikeya Khosla Over a year ago

@DavidG...it's not a static value its inside foreach just look at the question carefully..

DavidG Over a year ago

That's better, though I was hoping you'd take on the bet! No idea how we'd exchange the points though, maybe I should do a feature request on meta haha

Kartikeya Khosla Over a year ago

@downvoter plz explain what is wrong with this answer??

Satpal · Accepted Answer · 2014-08-14 08:14:46Z

1

You should use Html.ActionLink, it returns an anchor element (a element) that contains the virtual path of the specified action.

<td>
  @Html.ActionLink(sd.Name, "UpdateCamp", "CampDashboard", new {id = @sd.Id})
</td>

OR

You can't pass JavaScript variable to Url.Action. futher Url.Action function will render a string. You should replace string.

You should pass @sd.Id as paramter to Clickfn()

Use

@foreach (var sd in Model.Details)
 {
    <td>
    <tr>
    <a id="actionId" onclick="Clickfn(@sd.Id)"></a>
    </td>
    </tr>
 }
<script>
    function Clickfn(id) {
        var url = '@Url.Action("UpdateCamp", "CampDashboard", new {id = -1})'; //Generate URL string using razor
        window.location.href = url.replace('-1', id); //replace ID value
    }
</script>

edited Aug 14, 2014 at 8:14

answered Aug 14, 2014 at 8:07

Satpal

134k13 gold badges168 silver badges171 bronze badges

4 Comments

shalini garg Over a year ago

Thanks ..var url = '@Url.Action("UpdateCamp", "CampDashboard", new {id = -1})'; //Generate URL string using razor window.location.href = url.replace('-1', id); is working for me

Satpal Over a year ago

@shalinigarg, I would recommed you to use Html.ActionLink

shalini garg Over a year ago

if i have to pass name and status also with Id in href.then how i can pass it.

Satpal Over a year ago

@shalinigarg, use @Html.ActionLink(sd.Name, "UpdateCamp", "CampDashboard", new {ID = sd.ID, Name =sd.Name, Status=sd.Status }

Collectives™ on Stack Overflow

MVC redirect from view to controller with parameters

3 Answers 3

Comments

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related