comment faire pour utiliser jquery avec la syntaxe razor dans asp.net mvc 5?
J'ai besoin d'utiliser jQuery pour ajouter certains éléments de façon dynamique. Alors j'ai cherché sur internet et j'ai trouvé c'. Il est agréable de travail et quand il y a la plaine des éléments html à l'intérieur des guillemets simples. J'ai besoin d'utiliser la syntaxe razor avec jQuery.
Je comprends que jQuery est le côté utilisateur et le rasoir est côté serveur. Ils ne peuvent pas être combinés. Je suis pose la question ici car j'ai besoin de savoir comment puis-je atteindre cet objectif.
Mon pas de travail jQuery est comme suit:
<script type="text/javascript">
$(document).ready(function () {
$(document).on("click", ".btnPlus", function () {
var html = '<div class="form-group">'+
'@Html.LabelFor(model => model.transaction_item, "transaction_item", htmlAttributes: new { @class = "control-label col-md-2" })'+
'<div class="col-md-4">'+
'@Html.DropDownList("transaction_item", null, htmlAttributes: new { @class = "form-control" })'+
'@Html.ValidationMessageFor(model => model.transaction_item, "", new { @class = "text-danger" })'+
'</div>'+
'<div class="col-md-6"><input type="button" class="BtnPlus" value="+" /></div>'+
'</div>'
$("#trItem").append($(html))
};
});
Mon but est similaire à la tutoriel - pour ajouter les éléments de façon dynamique. Je suis ici l'ajout d'un libellé et d'déroulant sur le clic du bouton. Comment puis-je y parvenir?
Consultez les réponses, here et here pour certaines des options pour ajouter dynamiquement les éléments de la collection
C'est vraiment une mauvaise idée pour plusieurs raisons. Au lieu d'utiliser Rasoir pour générer basé sur un modèle extrait de code HTML (caché dans les DOM) et l'utilisation de jQuery pour copie.
il a été "non identifié symbole" dans google chrome, développeur de l'outil de...
qui s'annonce prometteur. Comment dois-je faire? Une docs/tuts/liens....Merci...
OriginalL'auteur Gaurav Chauhan | 2015-12-03
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas ajouter de Rasoir éléments à l'aide de JQuery, parce que, comme vous l'avez dit, JQuery est un client à côté de la bibliothèque et ASP.NET à l'aide de la syntaxe Razor est un langage de script côté serveur.
Si vous souhaitez ajouter des éléments créés à l'aide de la syntaxe Razor puis ajouter un élément masqué à la page et utiliser JQuery pour ajouter un clone pour les DOM.
Quelque chose comme cela devrait vous donner une idée de ce que je veux dire:
Pour moi, cela a fonctionné. L'idée de l'utilisation de la vue partielle, est également attrayante.
OriginalL'auteur AGB
Vous pouvez créer une page partielle
_MyPartial.cshtml
dans vos Vues dossier Partagé.Alors à votre avis référence ajouter la référence pour vos scripts section
Partielle page:
_MyPartial.cshtml
OriginalL'auteur devfric
Il est préférable d'éviter de générer de jQuery/Javascript code avec un Rasoir. Pour de nombreuses raisons, votre Javascript/jQuery code est mieux dans des fichiers séparés (VS/débogage de script regroupement etc)
Au lieu d'injecter de l'basé sur un modèle HTML dans une partie cachée de la page. Un mannequin bloc de script fonctionne très bien pour ce que le navigateur va simplement ignorer une écriture inconnue type:
Vous pouvez voir ce qui est généré avec votre inspecteur DOM pour assurer la bonne attributs sont présents.
Puis il suffit de l'utiliser du HTML à partir du modèle à ajouter de nouveaux boutons:
La seule question à résoudre est le double de l'IDs et de l'indexation de plusieurs éléments. J'ai l'habitude d'utiliser du HTML brut dans le modèle (pas de Rasoir) et utiliser des espaces réservés pour les différents attributs qui ont besoin de changement de nom.
par exemple
Il dépend de qui de la pile que vous souhaitez utiliser. Si vous utilisez Angulaire, vous ne serez pas injecter quoi que ce soit dans la page d'hébergement que c'est tout de script client conduit avec des données via les appels de service. Pouvez-vous donner un exemple de ce que vous voulez injecter?
En fait, je me demandais si je peux sauter angulaire, l'utilisation de Rasoir avec juste assez de JS, par exemple knock-out ou jquery, c'est un simple site de l'entreprise et je veux juste de bien les regarder et je me demandais si c'est une mauvaise pratique
Il y a une poussée en direction de cadres du côté client, comme Anguleuses, dans beaucoup d'entreprises, mais l'invisible frais généraux (les tests) sont de grande taille. Moi-même, j'ai ajouté le plugin couches de JS sur le dessus de la MVC de sorte qu'il fonctionne comme Angulaire (mais avec moitié moins de calories) 🙂
Oui, je vous remercie pour vos réponses, je pense que je vais lui donner un essai et voir comment il va 🙂 j'espère que je vais obtenir en avec plusieurs fonctions js (le site sera vraiment simple et mon objectif est souple, rapide expérience, après tout, le site va vendre des applications web, des sites et e-commerce (ce sera peu plus difficile, mais nppcommerce semble très bon 🙂 )
OriginalL'auteur Gone Coding