Memo Devexpress asp.net MVC 3

Version imprimable

Bonjour,

Je réalise un projet en asp.net mvc3 en utilisant les composants devexpress version 12.1.

Dans ma vue razor j'ai un rondpanel dans lequel j'ai un memo et deux boutons ("save" et "annuler").

Mon mémo est bindé sur une methode static qui récupère le contenu à afficher (ça fonctionne).

Je voudrais passer, lors de l'appuie sur un bouton, le contenu de mon memo à mon controller.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
@Html.DevExpress().RoundPanel(settings =>
			{
				settings.Name = "rpCommentaire";
				settings.HeaderText = "Commentaire";
				settings.ShowHeader = true;
				settings.View = DevExpress.Web.ASPxRoundPanel.View.Standard;
				settings.Width = Unit.Percentage(100);
				settings.SetContent(() =>
										{
											@Html.DevExpress().Memo(s =>
																		{
																			s.Name = "mmCommentaire";
																			s.ClientEnabled = true;
																			s.ControlStyle.ForeColor = Color.Black;
																			s.Width = Unit.Percentage(100);
																		}).Bind(DataProvider.GetCommentaireCompte(ViewBag.idCompte)).GetHtml();
 
                                            ViewContext.Writer.Write("<p>&nbsp;</p>");
 
											@Html.DevExpress().Button(s =>
																	            {
																	                s.Name = "btSave";
																	                s.Text = "Sauver";
																	                s.RouteValues = new {Controller = "Compte", Action = "MAJCommentaire", commentaire = ??????};
                                                                                }).GetHtml();
                                        });
			}).GetHtml()

Merci d'avance

11/08/2012, 17h50
plume13

Hello,

Si tu trouves une solution simple, donne-nous la !!!
Perso, j'ai utilisé des composants DevExpress sous MVC, et le problème, c'est qu'apparemment, les ingénieurs DevExpress ont oublié que dans MCV les données d'un formulaire sont récupérées de façon simplissime via le "name" du contrôle html...
J'ai donc été obligée (pour pas me faire trop ch...) de créer une petite fonction javascript qui modifie le name du contrôle qui contient la valeur à retourner au chargement du contrôle (je sais, c'est pas bien, mais j'avais pas envie d'utiliser leur usine à gaz, parce qu'il existe une usine à gaz qui permet de récupérer les valeurs !)
Si ça t'intéresse, je peux regarder lundi au boulot (parce que j'ai pas envie de réfléchir trop cet après-midi ;) )

Merci de ta réponse.

J'ai réussi à bidouiller un peu.
Par contre j'ai une question, je passe aussi par du javascript pour récupérer mes données et je voulais savoir si on peut utiliser le "result" de la fonction javascript dans les composants devexpress ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function Grp3Loads(s, e) { $.ajax({ type: "POST", url: "/Compte/InitInfoGeneralBloc3", // the URL of the controller action method data: null, // optional data success: function (result) { datab3 = result; }, error: function (req, status, error) { // do something with error } }); }
Je retourne bien mes valeurs mais je vois pas comment me servir du result.

Merci d'avance.

13/08/2012, 15h11
plume13

Ben je sais pas, tu veux en faire quoi des données récupérées ?
13/08/2012, 15h22
Provson

En faite j'ai des textbox que j'ai groupé dans des roundpanels.

Je veux charger les données de ces "groupes" et pouvoir les modifier en enregistrant les modifs sans recharger la page en entier mais juste le groupe en cours de modifs.

La création et l'utilisation du Model me pose pas de soucis mais l'utilisation des composant de devexpress me donne envi de me pendre :?

Je suis un peu perdu :(

En fait, je me suis un peu enflammée ce week-end : les mémos DevExpress fonctionne correctement (c'est avec les ComboBox qu'il y a quelques problèmes).

Donc pour répondre à ta question : pour passer des infos à ton controller, il suffit de mettre un formulaire dans ta page .cshtml qui englobe les mémos (faut faire du HTML quoi...).

Pour cela 2 solutions :
- Méthode classique
Code:

1 2 3 4 @using (Html.BeginForm()) { // ... ici le roundpanel }
- Méthode Ajax (en ajoutant des références aux fichiers js gérant Ajax, moi j'utilise la librairie jquery, ça marche très bien : jquery.unobtrusive-ajax.min.js) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 @using (Ajax.BeginForm( "ActionName", "ControllerName", "RouteValues", new AjaxOptions { HttpMethod = "POST", OnComplete = "evalResponseFunction", OnFailure = "failResponseFunction", UpdateTargetId = "updateTargetId", InsertionMode = InsertionMode.Replace) { // ... ici le roundpanel }

13/08/2012, 18h03
Provson

Le probleme du begin form c'est que quand je passe mes données au controller et que celui ci me revoie une partialview, ça me recharge la page en mettant la partialview retournée et seulement cette vue.

Donc je le commence avec 5 partials view pour faire ma page puis lors du begin form j'ai plus qu'une partial view :(

Je désespère un peu avec devexpress :'(
13/08/2012, 18h06
plume13

oups, j'aurais du préciser que dans ton cas, vu que tu veux transférer et récupérer des vues partielles, il faut utiliser la deuxième solution : Ajax.BeginForm

Merci pour le conseil ;)

J'ai un peu (beaucoup) changé mon code.

Sais-tu si dans l’évènement du clic d'un bouton devexpress on peut passer le model ?

Voici la ligne de code :
Code:

1 2 3 4 5 6 7 8 @Html.DevExpress().Button(settings => { settings.Name = "bloc1Save"; settings.Text = "Enregistrer"; settings.ClientSideEvents.Click = "function (s, e) { Bloc1Save1Click(" + Model + "); }"; settings.ClientVisible = false; }).GetHtml();
et le script :
Code:

1 2 3 4 function Bloc1Save1Click(s,e) { alert(e); }
Or quand j'appuis sur le bouton il se passe rien :calim2:

Donc si tu sais comment faire passer un objet (Model) vers une fonction javascript je suis preneur ^^

En tout cas merci de ton aide.

14/08/2012, 09h30
plume13
Oula ! j'ai l'impression que tu mélanges côté client /côté serveur...
Pourquoi veux-tu faire cela ?
Si c'est pour transmettre les informations du formulaire au serveur, pas la peine de faire du javascript : cela se fait automatiquement au click du bouton.
Code:

1 2 3 4 5 6 @Html.DevExpress().Button(settings => { settings.Name = "bloc1Save"; settings.Text = "Enregistrer"; settings.UseSubmitBehavior = true; }).GetHtml();
14/08/2012, 09h37
Provson

En faite j'avais laissé tombé le formulaire en cherchant d'autre piste.

Je voulais que ma partial view passe son model à la vue qui l'affiche grâce au javascript et que c'est ma fonction javascript qui passe ce model (de ma partial view) à mon contrôleur, comme ça je passé mes données à mon contrôleur sans recharger la page.

Je me rend compte que je commence à me perdre un peu ^^
14/08/2012, 09h41
plume13

oui surtout que ça se fait très bien avec Ajax.BeginForm (et que c'est fait pour en plus !)
Reviens au formulaire ou tu vas galérer, pour aucun gain en plus...
14/08/2012, 09h46
Provson

Ok je vais refaire mon code au propre.

Le dev web c'est quand même bien différent du dev "bureau" :?

En tout cas merci de tes conseils
14/08/2012, 09h49
Provson

Dernière petit question :

Si je fais une fonction onload sur un roundPanel, on peut passer des données de la fonction onload à mon roundpanel ? Vu que l'on ne peut pas faire de bind sur le roundPanel.
14/08/2012, 09h50
plume13

Citation:

Envoyé par Provson

Le dev web c'est quand même bien différent du dev "bureau" :?

Oui je confirme, c'est pour ça que les webforms, dans la philosophie, c'est quand même un peu une hérésie, et qu'avec MVC, on refait enfin du web !
Je te conseille fortement de te documenter sur le HTML (le fonctionnement des formulaires au moins) pour arriver à comprendre. Surtout que c'est pas bien compliqué...
14/08/2012, 10h00
plume13

Citation:

Envoyé par Provson

Dernière petit question :

Si je fais une fonction onload sur un roundPanel, on peut passer des données de la fonction onload à mon roundpanel ? Vu que l'on ne peut pas faire de bind sur le roundPanel.

Pas de bind en MVC, en fait tu récupères les données via le modèle en début de page que tu as transmis à ta méthode View ou PartialView.

Honnêtement je te conseille, si personne ne peut t'aider où tu bosses, de lire a minima la MSDN pour le MVC3 et un tuto sur le HTML.
C'est ce que j'ai fait pour le MVC et ça m'a aidée à comprendre le schéma d'exécution des pages MVC. Sinon tu vas tourner en rond et t'arracher les cheveux.
Sur le principe c'est pas compliqué mais il faut te sortir de la tête la programmation événementielle.
14/08/2012, 10h06
Provson

En faite je connais le principe du MVC mais vu que les composants devexpress sont des composant (soit disant) de haut niveau je pensé pouvoir découper ma page pour éviter de charger l'intégralité de mes données.

Vu que les utilisateurs (de mon projet) devront pouvoir modifier et enregistrer les modifications par bloc.

Je suis entrain de tester le begin form ajax.