CODEWITHSUNDEEP
javascriptc#asp.netasp.net-mvc
vikramjb
vikramjb

Reputation: 1365

Constructing URL using HtmlHelper in ASP.NET MVC

I am trying to construct a URL using a HTML helper extension method while trying pass in parameters to the extension method. For example

    public static MvcHtmlString GenerateActionLink(this HtmlHelper html,string displayText,string id,int logicstatusId)
    {
       var actionName = string.Empty;
       var controllerName = string.Empty;

       if (logicstatusid == 5)
       {
         actionName = "Basic";
         controllerName = "HighBasic";  
       }
       else
       {
         action = "Advanced";
         controllerName = "HighAdvanced";
       }

        var targetURL = UrlHelper.GenerateUrl("Default", action, controller,     new RouteValueDictionary(new { id = id}), RouteTable.Routes,   html.ViewContext.RequestContext, false);

        //Create the hyper link tag
        var anchorLinkBuilder = new TagBuilder("a");
        //Merge the target URL with the href attribute
        anchorLinkBuilder.MergeAttribute("href", targetURL);
        return MvcHtmlString.Create(anchorLinkBuilder.ToString(TagRenderMode.Normal));
    }

While this helper method is working, the problem I am facing is on the client side. 

      var cellHtml = '<div class="action-column">';
      var id= row.encryptedId;
      cellHtml += '@Html.GenerateHtmlLink("Blip","'+ id+'" , 4)';
      cellHtml += "</div>";
      return cellHtml;

In this case the URL is getting constructed but the id parameter is not passing on to the helper method. I am not sure if I have done the passing of the parameter the right way. I'd appreciate if anybody help out.

Upvotes: 0

Views: 673

Answers (1)

Shyju
Shyju

Reputation: 218732

Your C# code (call to the GenerateActionLink helper method) gets executed in server when razor tries to render the view. At that time the js variable value will not be there. The output of razor executing all the C# code view file is just the html markup which the browser will render. Only after that your javascript will be executed and the js variable value will be avaialble.

If you absolutely need to generate the dynamic url (for each id/logicstatusId value) in your client side javascript code using the UrlHelper method, you might consider exposing that C# code via an action method. Whenever you need the link url in your javascript code, make an ajax call to the action method, pass the parameter value and get the url.

public string GenerateActionLink(string id, int logicstatusId)
{
    var actionName = "Advanced";
    var controllerName = "HighAdvanced";

    if (logicstatusId == 5)
    {
        actionName = "Basic";
        controllerName = "HighBasic";
    }

    var targetUrl = UrlHelper.GenerateUrl("Default", actionName, controllerName, new RouteValueDictionary(new { id = id }), RouteTable.Routes, Request.RequestContext, false);
    return targetUrl;            
}

And in client side

var id = 1;
$.get('/Home/GenerateActionLink?logicstatusId=5&id=' + id,function(res) {
    var htmlMarkup = '<a href="' + res + '">Blip</a>';
    // do something with htmlMarkup
    // Ex : $('#SomeDivId').append(htmlMarkup);
});

But if you want to do this for many items, you might not want to make a call for each items, In that case,I would generate the base links and conditionally append the querystring values in javascript

var baseUrlBasic = "@Url.Action("Basic","HighBasic");
// Now later
var id = 1;
var newUrl = baseUrl+'?logicstatusId=5&id='+id;
// Use this to build the anchor tag

Upvotes: 2

Related Questions