MVC - html.dropdownlist - appel javascript ou contrôleur/méthode directement?

Dans mon application MVC, j'ai un html.dropdownlist dans mon point de vue. Sur la sélection a changé - je veux que la valeur d'être transmis à une méthode (qui renvoie à quelque chose comme une liste ou un JsonResult) dans le contrôleur.

Q1: Comment dois-je faire?

 <%=Html.DropDownList("title", Model.Titleitems, "" )%>

Q2: Est-ce une bonne pratique (avoir contrôleur/nom de la méthode dans la vue directement) ou devrais-je écrire une fonction JavaScript et appeler le contrôleur ou la méthode de l'intérieur que la fonction JavaScript? Dans ce cas, comment puis-je écrire un Onchange ou OnSelectionChanged événement pour le html ci-dessus.contrôle dropdownlist?

EDIT:

par1 est la dropdownlist valeur sélectionnée je veux passer à ce contrôleur/méthode..

       public ActionResult GetMethod(string Par1)
        {
            //My code here 

            return Json(varValue, JsonRequestBehavior.AllowGet); 
        }

Maintenant, j'ai la dropdownlist sur le changement me prendre pour une fonction JavaScript (comme par marteljn suggestion) et dans la fonction JavaScript, je l'ai .appel ajax en spécifiant l'URL et le type etc. qui me prend à la contrôleur/code de la méthode; mais toujours pas en mesure de comprendre comment passer de la valeur sélectionnée pour le contrôleur?

OriginalL'auteur ZVenue | 2012-05-16

7

T2 est la réponse à la Q1. Il n'y a pas d'événements lors de l'utilisation de MVC comme il y en a dans les formulaires web, donc vous écrire un peu de code JavaScript pour faire une demande de retour sur le serveur.

Il y a (au moins) deux façons d'aller à ce sujet:
1. Inline Gestionnaire d'Événements (non recommandé)
  
  <%=Html.DropDownList("title", Model.Titleitems, new{@onchange = "YourJsFuncHere()"} )%>
2. Le JQuery façon,
```
$("#title").bind("change",function(){
     //Your Code  
     //Use .on instead of bind if you are using JQuery 1.7.x or higher   
     //http://api.jquery.com/on/
});
```
Modifier Le Code AJAX
```
$.ajax({
  "url": "/Controller/Action/" + $("#title").val(),
  "type": "get",
  "dataType" : "json",
  "success": function(data){
    //Your code here
    //data should be your json result
  }
});
```
Changement GetMethod(string Par1) à GetMethod(string id) ou de modifier votre itinéraire par défaut afin de refléter la Par1 paramètre.

Aussi, si ce n'est pas de frapper votre point de rupture possible que 1) la requête AJAX n'est pas initied (utiliser firebug pour voir si elle est) 2) Vos voies ne sont pas configurés correctement (voir Mondial.asax.cs, si vous n'avez pas déplacé le routage ailleurs.

D'où vient donc le contrôleur de méthode, entrer en photo si j'utilise le Jquery? Parce que j'ai le code dans la méthode de contrôleur qui prend dans la liste déroulante la valeur sélectionnée et exécute une certaine logique..
Vous pouvez soit 1) Faire une requête AJAX dans votre fonction JavaScript pour le contrôleur comme $.ajax({url : "/Controller/Action"... 2) ne location.href = "/Controller/Action"; qui vous enverra à cette page. Basé sur votre question, je pense que l'approche 1) est ce que vous voulez faire.
J'ai essayé 1).. mais point de rupture dans le contrôleur n'a pas frappé à toutes les.J'ai vérifié le script lui-même fonctionne bien (à l'aide d'alertes).. Voici le code jusqu'à présent.. $.ajax({ url: '/ControllerA/MethodA', }); et aussi, comment puis-je passer de la liste déroulante de la valeur à la méthode d'action du contrôleur qui attend les paramètres
Je vais poster une modification à aller plus dans les détails...
changement de la méthode pour le privé et le public - qui fixe le point d'arrêt de l'émission.. désolé ne sais pas comment j'ai là.

OriginalL'auteur marteljn

$(function(){
  $("#title").change(function(){
   var selectedVal=$(this).val();
   $.getJSON("UserController/YourAction",{ id: selectedVal} , function(result ){
       //Now you can access the jSon data here in the result variable
   });

 });

});

En supposant que vous avez une méthode d'Action appelé YourAction dans votre UserController qui renvoie du JSON

public ActionResult YourAction(int id)
{
  //TO DO : get data from wherever you want. 

   var result=new { Success="True", Message="Some Info"};
   return Json(result, JsonRequestBehavior.AllowGet); 

}

OriginalL'auteur Shyju

Vous devez vous connecter pour publier un commentaire.