2008-09-18 8 views
1

J'ai recherché sur le forum et sur google pour ce sujet. La plupart des articles parlent d'utiliser JSON pour appeler le contrôleur/action sur le serveur et faire un effet ajax sur le résultat. J'essaie d'utiliser des fonctionnalités JQuery très basiques, comme les interfaces/onglets JQuery, et l'interface utilisateur/bloc JQuery pour une boîte de dialogue. Je ne peux pas obtenir ces exemples simples pour travailler dans mon projet MVC. Des idées comment je devrais modifier ces échantillons? J'ai seulement besoin de ces fonctionnalités de base maintenant et je peux partir d'ici.Utilisation de JQuery avec ASP.NET MVC Framework

Merci!

Répondre

0

Je viens d'implémenter la boîte de texte jquery autocomplete dans un de mes projets asp.net. J'ai seulement dû importer le fichier js et déposer du code dans ma page aspx. Pourriez-vous être plus détaillé sur l'échantillon que vous essayez d'exécuter?

0

Ceci est une réponse rapide !!

Je suis en train de lancer cette « onglets simples » sur cette page: http://stilbuero.de/jquery/tabs/

Je pense qu'il est la même chose avec celui-ci: http://docs.jquery.com/UI/Tabs

Je viens de copier et collé le tout dans mon MVC Voir la page, avec le chemin corrigé vers les fichiers jquery.js et .css, mais le contenu des onglets apparaît tous ensemble (deux d'entre eux sont censés être cachés). Ma compréhension est que ce simple plugin jquery juste afficher et masquer le contenu.

J'ai eu exactement le même problème avec le plugin jquery thickbox, que l'élément marqué comme "caché" (la boîte de dialogue) apparaîtra toujours dans ma page de vue MVC.

Je peux comprendre certains articles de MVC + Jquery + json, mais je ne comprends pas pourquoi le masquage/show ne fonctionne pas.

Merci!

3

En fait, je l'ai juste fonctionné. Le problème est que j'ai besoin de modifier le chemin vers un chemin absolu vers la page de vue, car le chemin relatif ne fonctionne pas avec les routes MVC {controller}/{action}/{id}.

Merci!

1

Pour info, re la question du chemin relatif - je en ai parlé here (le même concept s'applique à toute la page, pas maîtriser seulement les pages). L'approche j'est comme ceci:

1: déclarer une méthode d'extension pour ajouter des scripts:

public static string Script(this HtmlHelper html, string path) 
    { 
     var filePath = VirtualPathUtility.ToAbsolute(path); 
     return "<script type=\"text/javascript\" src=\"" + filePath + "\"></script>"; 
    } 

2: en cas de besoin (par exemple dans le <head>...</head>) utilisent cette méthode:

<%=Html.Script("~/Scripts/jquery-1.2.6.js")%> 

L'avantage de ceci est que cela fonctionnera même si l'application web est hébergée dans un répertoire virtuel (ie vous ne pouvez pas utiliser "/ Scripts" car vous n'êtes pas nécessairement à la racine du site) - mais c'est beaucoup plus clair (et moins salissant) que le script complet avec src munged, à savoir

<script ... src="<%=Url.Foo(...)%>"></script> 
Questions connexes