Html Dynamique.ActionLink en javascript?

Est-il un moyen d'ajouter un code Html.ActionLink à l'aide de javascript?

Par exemple, j'ai cette fonction Éditer dans mon controller:

public ViewResult Edit(int companyID)
{
    ....
}

Et j'aimerais faire quelque chose comme ceci en javascript:

var id = $("#hdnID").val();
$("#editLink").html(<%: Html.ActionLink("Edit", "Edit", new { id }) %>);

Un peu brut par exemple, mais c'est en gros ce que j'aimerais faire. Est-il possible?

vous ne pouvez pas utiliser côté client des variables dans le code côté serveur, vous avez besoin d'un formulaire au lieu

OriginalL'auteur Steven | 2011-01-29

  1. 3

    La id est un script client. Vous ne pouvez pas mélanger de script côté serveur avec un script client. Je crains que vous essayez d'envoyer des formulaires HTML avec des liens d'action au lieu d'utiliser les boutons submit, ce qui est très mauvais. Je vois que vous extraire la valeur d'un champ de saisie avec $("#hdnID").val() et ensuite essayer de les affecter à une action de lien et l'envoyer au serveur alors que si vous avez utilisé un simple bouton "soumettre" vous n'auriez même pas besoin de javascript. Votre code serait tout simplement:

    <% using (Html.BeginForm("Edit", "Home")) { %>
    <%: Html.HiddenFor(x => x.HdnId) %>
    <input type="submit" value="Edit" />
<% } %>

    Aussi il est clair que si vous utilisez un champ caché, c'est parce que l'utilisateur ne peut pas modifier la valeur d'une même solution la plus simple serait de générer directement le lien que vous avez besoin de:

    <%: Html.ActionLink("Edit", "Edit", new { id = Model.SomeId }) %>
    Je ne suis pas en train de POSTER sur la page d'Édition, c'est juste un GET. J'ai juste besoin de rediriger vers la page d'Édition et de passer à l'id en paramètre. Je veux juste éviter de coder en dur les url, je voudrais utiliser une ActionLink à la place.
    si ce code est caché dans un champ, cela signifie que l'utilisateur ne peut pas le modifier, de sorte que vous devriez tout simplement de générer le lien: <%: Html.ActionLink("Edit", "Edit", new { id = Model.SomeId }) %>.

    OriginalL'auteur Darin Dimitrov

  2. 2

    Je n'ai pas trouvé un très bon moyen pour le moment. Ce que je fais habituellement est quelque chose comme ceci:

    var id = $("#hdnID").val();
var link = '<%: Html.ActionLink("Edit", "Edit", new { id = -999 }) %>';
$("#editLink").html(link.replace('-999', id));

    L'essentiel est de choisir une valeur d'identification que vous n'auriez jamais dans la réalité ou qui n'existent pas autrement dans le lien.

    OriginalL'auteur Mikael Eliasson

  3. 2

    J'ai trouvé un moyen pratique de ce problème en pensant un peu hors de la boîte. La raison que j'utilise ActionLink est vraiment un moyen facile de gérer le routage. Simplement d'alimentation du Contrôleur et le nom de l'action et l'aide génère l'url est correcte. Pour contourner ce problème en JavaScript j'ai d'abord créé un HtmlHelperExtender à l'aide de la UrlHelper pour résoudre l'url dans un contexte approprié.

    namespace System.Web.Mvc.Html
{
   public static class HtmlHelperExtensions
   {
      public static string ResolveUrl(this HtmlHelper html, string url)
      {
         var urlHelper = new UrlHelper(html.ViewContext.RequestContext);
         return urlHelper.Content(url);
      }
   }
}

    Maintenant en JavaScript, il est assez facile d'obtenir la bonne Url

      $(document).ready(function () {
     var action = '<%= Html.ResolveUrl("~/Controller/JsonAction") %>';
     //JSON controller call for model data
     $.getJSON(action, null, function (models) {
        //Do something with models
        action = '<%= Html.ResolveUrl("~/Controller/Details/") %>';
        for (var i = 0; i < models.length; i++) {
           $('#modelList').append(
              '<tr><td><a href=\"' + action + models[i].Id + '\">' + models[i].Title + '</a></td></tr>');
        }
     });
  });

    OriginalL'auteur patrick

  4. 1

    C'est la façon dont je l'ai fait. Vous pouvez utiliser javascript remplacer. 

    var ul = document.createElement('ul');

if (data.EvidenceList != null) {

for (var i = 0; i < data.EvidenceList.length; i++) {
              var li = document.createElement("li");
              var evidenceId = data.EvidenceList[i].EvidenceId;
              var evidenceName = data.EvidenceList[i].Name;
              var candidateProgrammeComponentId = data.CandidateProgrammeComponentId;

              var str1 = '@Html.ActionLink("dummyEvidenceText", "DownloadFile", new { candidateProgrammeComponentId = "dummyCandidateProgrammeComponentId", evidenceId = "dummyEvidenceId", evidenceName = "dummyEvidenceName" })';
              var str2 = str1.replace('dummyEvidenceName', evidenceName);
              var str3 = str2.replace('dummyCandidateProgrammeComponentId', candidateProgrammeComponentId);
              var str4 = str3.replace('dummyEvidenceId', evidenceId);
              var str5 = str4.replace('dummyEvidenceText', evidenceName);

              li.innerHTML = li.innerHTML +str5 ;
              ul.appendChild(li);
          }
}

var element = document.getElementById('evidenceList_' + data.guidId);
$('#evidenceList_' + data.guidId).empty();
document.getElementById('fileUploadFreeStructure_' + data.guidId).value = '';
$('#freeTextArea_' + data.guidId).val('');
element.appendChild(ul);

    OriginalL'auteur Nurhak Kaya

  5. -2

    Le côté serveur de code (C#) est exécuté sur le serveur, et le résultat est envoyé au client, si le client exécute le JavaScript. Donc, aussi bizarre que cela est, vous avez deux de code différents environnements de se cogner les uns les autres, mais ne peut pas interagir les uns avec les autres très bien.

    J'ai l'habitude de faire quelque chose comme ça, mais je suis ouvert à de meilleures façons:

    function SetUrl(id) {
 var url = '<%: Html.ActionLink("Bar", "Foo") %>' + '?id=' + id;

 return url;
}

    Ce tire parti du fait que

    /Foo/Bar/{id} est généralement équivalent à /Foo/Bar?id={id}, selon la façon dont vos itinéraires sont mis en place.

    êtes-vous sûr? ne Html.Actionlink sera de retour <a href="bar/foo"> </a>?id=idvalue ? devrait utiliser des Url.L'Action de l'OMI.
    comme dit par @nEEbz, cette méthode retournera <a href="/Controller/Foo">Bar</a>?id=20

    OriginalL'auteur Matt Greer