MVC4 - vb.NET

Version imprimable

27/12/2013, 12h16
Dev64

MVC4 - vb.NET

Bonjour à tous !!
Je suis un Développeur logiciel débutant en apprentissage. En entreprise on m'a imposé d'utiliser Microsoft Visual Web Developer 2010 express avec ASP.net
J'utilise MVC4 pour mon projet avec le langage vb.NET :?
Récemment on m'a demandé de créer une page avec deux boutons, qui vont generer au click deux formulaires différents, jusque là tt va bien bien, le plus dure dans l'histoire et de générer dans la même page un des deux formulaires au choix (mais pas dans deux pages différentes).
je rame depuis 28H. Aidez moi SVP
27/12/2013, 12h49
maradona_9

bonjour,

je suppose que t'as crée deux actions pour tes deux buttons et également les vues corresspondante, alors il te reste que faire appelle à tes actions selon le button cliqué.

le mot clé ici c'est RendreAction.
cordialement,
Mohammed.
27/12/2013, 13h38
Dev64

re

non je ne connais pas ce principe, au debut je suis partis sur html.actionlink mais je c pas comment sa marche
le but c'est d'avoir une vue ou on peut generer un des deux formulaire selon le choix de l'utilisateur. explication en details :

-deux boutons (formulaire1 et formulaire2)
-deux méthodes associées a ses 2 boutons, qui permettent de generer les deux formulaires.
-une vue ou on affiche l'un des deux formulaires selectionné en cliquant sur l'un des deux bouttons.
27/12/2013, 16h03
maradona_9

bonjour,

tu peux coller ton code ici ? le code de tes méthodes et le formulaire

cordialement,
Mohammed.

code source

Bonjour Mohammed voici un exemple de code pour tester ce que je veux faire

Dans le modèle :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Public Class FormModel
 
    Shared Function RenderForms(ByVal context As HttpContext) As String
        Dim formsItems As String
 
        formsItems = "<form name='formulaire1'>"
 
        formsItems += "<label>Champs texte</label>"
        formsItems += "<input type='text' id='text' value='name' />"
 
        formsItems += "<label>Case à cocher</label>"
        formsItems += "<input type='checkbox' id='check' value='' />"
 
        formsItems += "<p><input id='form1' name='form1' type='button' value='Valider form1' /></p>"
 
        formsItems += "</form>"
 
        Return formsItems
 
    End Function
 
End Class

/**************************************************////

Dans le controlleur la fonction qui retourne ce modele dans la vue :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Function FormSelected(id) As ActionResult
            If id = "1" Then
                'Dim msg1 As String = "afficher le formulaire numéro 1"
                'MsgBox(msg1, vbMsgBoxSetForeground)
 
                Response.WriteSubstitution(AddressOf FormModel.RenderForms)
                Return View()
            Else
                Dim msg1 As String = "afficher le formulaire numéro 2"
                MsgBox(msg1, vbMsgBoxSetForeground)
                Return View()
            End If
 
        End Function

/***************************************************/*

dans la vue on a l'index qui retourne deux boutons (formulaire 1 et formulaire2) et selon le choix on va afficher un des deux resultats dans la vue "formselected" (donc la vue vue "formselected" fais de l'affichage dynamique)

voici la vue Index avec les deux bouttons :

Code:

1
2
@Html.ActionLink("Formulaire_1", "FormSelected", New With {.id = "1"}, New With {.class = "btn"})
@Html.ActionLink("Formulaire_2", "FormSelected", New With {.id = "2"}, New With {.class = "btn"})

Cordialement
AbdelFattah

30/12/2013, 14h33
plume13

Heu... comment dire...
C'est un peu bizarre d'implémenter une méthode RenderForms dans ta classe Model. J'avais encore jamais vu ça en MVC :calim2:
Je pense que tu devrais te faire un tuto et lire la documentation avant de poursuivre (par exemple la MSDN).
30/12/2013, 15h02
Dev64

plume 13

Justement plume13 je suis entrain de chercher la meilleure solution a mon problème, et pour l'instant je rame :help:

D'ailleur je me suis inspiré de ce tutohttp://www.asp.net/mvc/tutorials/old...cached-page-cs
30/12/2013, 19h01
plume13

Oulala, on dirait que c'est de la doc pour MVC 1...
Je pense que tu peux oublier tout ce que tu as lu à cet emplacement, les mécanismes de mise en cache serveur ont beaucoup évolué depuis...

Tu peux partir, je pense, sur la lecture de ce tuto pour commencer : http://dotnet.developpez.com/cours/?...sharp#aspnetcs

Ensuite lorsque l'on crée un nouveau projet MVC4, on peut créer un projet de type extranet, ça a l'avantage de créer des vues, deq modèles et des contrôleurs dont on peut s'inspirer après.

Honnêtement, j'ai débuté en lisant la doc de la MSDN, et ça m'a permis de mettre le pied à l'étrier.

Un conseil : si tu es familier avec les webforms, la logique MVC est totalement différente, donc oublie ce que tu sais !
Dernière remarque : le VB.NET, c'est une obligation ? :roll:

Concernant ta problématique, quand tu dis la même page, fonctionnellement, ça veut dire quoi ? Tu as une page "habillée" et à un emplacement on doit afficher l'un ou l'autre formulaire ?
31/12/2013, 09h27
Dev64

Bonjour

Toutes ces techno sont nouvelles pour moi, j'ai plutot des connaissances en PHP et JAVA. Et je suis entrain de découvrir et de me familiariser à cet univers de Microsoft.

En effet malheureusement VB.NET et une obligation :? et je trouve que ce langage n'est pas assez fluide.

Concernant la problématique c'est exactement ce que tu as décris, il ne veulent pas deux vues différentes, mais une seule qui affiche l'un des deux formulaires au choix. voilou.

Cordialemment
Abdel
31/12/2013, 10h21
plume13

Si tu débutes totalement, alors lis les docs dont j'ai parlé, sinon quoiqu'on t'explique, tu risques d'être un peu "court" et de ne rien comprendre.

Comme piste de mise en œuvre pour tes formulaires, je peux te proposer d'utiliser un _Layout pour l'habillage de la page, puis 2 méthodes dans le contrôleur qui correspondent à tes 2 boutons, avec une vue par méthode pour le rendu du formulaire. Sans oublier de passer un objet modèle vide du type correspondant à chaque vue.

Crée-toi un projet MVC4 de type Internet (et non extranet comme j'avais dit précédemment), et tu auras des exemples de gestion de formulaire pour l'authentification.

A noter : il existe presque autant de solutions que de développeurs... Dans un (vingt-)deuxième temps, pourquoi ne pas gérer les formulaires en AJAX ? :mrgreen:
31/12/2013, 11h18
Dev64

Merci bcp pour ces éclaircissement
Mais j'avais essayé cette méthode là, malheureusement ce n'est pas mon but de créer une vue par formulaire c'est facile comme sa.
Le code source que j'avais mis ci-dessous me permet d'afficher deux résultat différent dans la même vue qui est vide à la base, par contre

Code:

Response.WriteSubstitution(AddressOf FormModel.RenderForms1)

M'affiche le résultat en dehors du body, carrément à l'extérieur de la page.
est ce qu'il y'a un autre objet qui me permettra d'afficher ma méthode de type string dans le contenu de la page.
Sinon peut être qu'il faudra passer par Ajax pour créer un formulaire dynamique ??

Honnêtement, je pense que tu devrais abandonner l'idée d'utiliser une méthode de rendu sur le Model. MVC n'est pas prévu pour fonctionner comme cela, le temps que tu vas perdre pour arriver au résultat que tu souhaites tu le perdras à nouveau, dès que tu voudras faire la moindre évolution (je pense notamment à la récupération du contenu du formulaire, car j'imagine que c'est l'étape suivante...)

Puisque tu veux absolument n'utiliser qu'une méthode avec une vue (je comprends pas trop le bénéfice mais bon...), voici comment tu peux faire :

Le contrôleur (en C# désolé :mrgreen:) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 public ActionResult FormSelected(int id) { if (id == 1) { return this.View(new Exemple1Model()); } else { return this.View(new Exemple2Model()); } }
Les modèles :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public class Exemple1Model { public string LeNom { get; set; } public string LePrenom { get; set; } public bool CaseACocher { get;set; } .... } public class Exemple2Model { public int UnChamp { get; set; } public string UnAutreChamp { get; set; } public bool CaseACocher { get;set; } .... }
Et enfin la vue :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 @{ this.Layout = "~/Views/Shared/_Layout.cshtml"; } @using (this.Html.BeginForm()) { @Html.AntiForgeryToken() @Html.ValidationSummary(true) @Html.EditorFor(model => model) <input type="submit" value="Valider" /> }
Pour personnaliser l'affichage de chaque modèle, j'ajouterais tout de même 2 vues dans le répertoire /Views/Shared/EditorTemplates :

Exemple1Model.cshtml :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 @model Exemple1Model @Html.LabelFor(x => x.LeNom) @Html.TextBoxFor(x => x.LeNom) @Html.MyValidationMessageFor(x => x.LeNom) @Html.LabelFor(x => x.LePrenom) @Html.TextBoxFor(x => x.LePrenom) @Html.MyValidationMessageFor(x => x.LePrenom) @Html.LabelFor(x => x.CaseACocher) @Html.CheckBoxFor(x => x.CaseACocher) ...
Exemple2Model.cshtml
Code:

1 2 3 4 5 6 7 8 9 10 11 12 @model Exemple2Model @Html.LabelFor(x => x.UnChamp ) @Html.TextBoxFor(x => x.UnChamp ) @Html.MyValidationMessageFor(x => x.UnChamp ) @Html.LabelFor(x => x.UnAutreChamp ) @Html.TextBoxFor(x => x.UnAutreChamp ) @Html.MyValidationMessageFor(x => x.UnAutreChamp ) @Html.LabelFor(x => x.CaseACocher) @Html.CheckBoxFor(x => x.CaseACocher) ...
Dans l'idée quoi...

31/12/2013, 15h23
Dev64

waaaaaaw :ccool: je la trouve pas mal ton idée je testerais bien ton code, c'est très gentil de ta part de m'avoir éclairé comme sa, je te remercie beaucoup :)

Par contre j'aurais juste besoin de quelques éclaircissement. A quoi sa correspond dans la vue le mot : "model" à la ligne 10
et aussi le "x" dans Exemple1Model et Exemple2Model

Cordialement
31/12/2013, 18h05
plume13

La syntaxe "model =>" dans la première vue (nommée FormSelected.cshtml, je ne l'avais pas précisé) ou "x => " dans les autres vues font référence au modèle de la vue. Il est spécifié par "@model ..." en début de page, ou rien si on ne veut pas le préciser (on a le droit mais on ne pourra pas faire la même chose).

Pour plus de détail : EditorFor, et les autres classes d'extension.

Petit correctif au passage : la méthode de validation s'appelle ValidationMessageFor et non pas MyValidationMessageFor.

Cool grâce à toi plume13 j'ai réussi à comprendre un peu le système, et j'ai réussis à mettre en place quelque chose qui fonctionne. Enfin au moi une partie :D

Voila le code en VB.net:

Le controlleur :

Code:

1
2
3
4
5
6
7
8
9
Public Function FormSelected(id) As ActionResult
 
            If id = "1" Then
                Return View(New Exemple1Model)
            Else
                Return View(New Exemple2Model)
            End If
 
        End Function

Le modèles :

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
29
30
31
Public Class Exemple1Model
    Private _LeNom As String
    Public Property LeNom() As String
        Get
            Return _LeNom
        End Get
        Set(value As String)
            _LeNom = value
        End Set
    End Property
 
    Private _LePrenom As String
    Public Property LePrenom() As String
        Get
            Return _LePrenom
        End Get
        Set(value As String)
            _LePrenom = value
        End Set
    End Property
 
    Private _CheckBox As Boolean
    Public Property CheckBox() As Boolean
        Get
            Return _CheckBox
        End Get
        Set(value As Boolean)
            _CheckBox = value
        End Set
    End Property
End Class

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
29
30
31
Public Class Exemple2Model
    Private _Reference As Integer
    Public Property Reference() As Integer
        Get
            Return _Reference
        End Get
        Set(value As Integer)
            _Reference = value
        End Set
    End Property
 
    Private _RaisonSociale As String
    Public Property RaisonSociale() As String
        Get
            Return _RaisonSociale
        End Get
        Set(value As String)
            _RaisonSociale = value
        End Set
    End Property
 
    Private _CaseACocher As Boolean
    Public Property CaseACocher() As Boolean
        Get
            Return _CaseACocher
        End Get
        Set(value As Boolean)
            _CaseACocher = value
        End Set
    End Property
End Class

La vue principale :

Code:

1
2
3
4
5
6
7
8
9
10
11
@Using Html.BeginForm()
 
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(True)
    @Html.EditorFor(Function(x) x)
 
    @<fieldset>
    <p><input type="submit" value="Valider" /></p>
    </fieldset>
 
End Using

Les vues integrées dans la vue principale selon le choix :

vue1:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@ModelType MvcForm.Exemple1Model  
 
@Code
    ViewData("Title") = "Exemple1Model"
End Code
 
<h2>Exemple1Model</h2>
 
@*Chemin d'accès et nom du fichier 
@Model Exemple1Model*@
 
@Html.LabelFor(Function(x) x.LeNom)
@Html.TextBoxFor(Function(x) x.LeNom)
@Html.ValidationMessageFor(Function(x) x.LeNom)
 
 
@Html.LabelFor(Function(x) x.LePrenom)
@Html.TextBoxFor(Function(x) x.LePrenom)
@Html.ValidationMessageFor(Function(x) x.LePrenom)
 
@Html.LabelFor(Function(x) x.CheckBox)
@Html.CheckBoxFor(Function(x) x.CheckBox)
@Html.ValidationMessageFor(Function(x) x.CheckBox)

vue2:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@ModelType MvcForm.Exemple2Model
 
@Code
    ViewData("Title") = "Exemple2Model"
End Code
 
<h2>Exemple2Model</h2>
 
@*Chemin d'accès et nom du fichier*@
@*@Model Exemple2Model*@
 
@Html.LabelFor(Function(x) x.Reference)
@Html.TextBoxFor(Function(x) x.Reference)
@Html.ValidationMessageFor(Function(x) x.Reference)
 
 
@Html.LabelFor(Function(x) x.RaisonSociale)
@Html.TextBoxFor(Function(x) x.RaisonSociale)
@Html.ValidationMessageFor(Function(x) x.RaisonSociale)
 
@Html.LabelFor(Function(x) x.CaseACocher)
@Html.CheckBoxFor(Function(x) x.CaseACocher)
@Html.ValidationMessageFor(Function(x) x.CaseACocher)

et L'index ou on fait le choix à afficher :

Code:

1
2
@Html.ActionLink("Formulaire_1", "FormSelected", New With {.id = "1"}, New With {.class = "btn"})
    @Html.ActionLink("Formulaire_2", "FormSelected", New With {.id = "2"}, New With {.class = "btn"})

Maintenant il me reste à gérer tous sa avec une base de données !!

Merci Beaucoup, et en même temps je vs souhaite une très bonne année 2014