Pass JavaScript to @Html.Actionlink

Question

I want to pass JavaScript value into @Html.ActionLink("Sửa", "EditShopping","Home",{Id=}) where Id is passed from JavaScript

Pieces of detail code as below(dataTable plugin jQuery):

{
  "bSearchable": false,
  "bSortable": false,
  "mData": 0,
  "mRender": function (data, type, full) {
      return '@Html.ActionLink("Sửa", "EditShopping", "Home", new {Id=})';
  }
}

Answer 1

try like this:

var YourId='1';
var url = '@Url.Action("EditShopping", "Home")';

url = url + "?Id="+ YourId;

{
  "bSearchable": false,
  "bSortable": false,
  "mData": 0,
  "mRender": function (data, type, full) {
      return '<a href="'+url+'">Link</a>';
  }
}

Answer 2

The parameters passed to @Html.ActionLink will be finally added to the query string parameter by MVC.

You can add the query string value with the original url like below

"mRender": function (data, type, full) 
{
  return '@Html.ActionLink("Sửa", "EditShopping", "Home")'+'?Id='+YourJSVariable;
}