Discussion :

[jérémyp8]

Bonjour

J'ai une table AGG_TREE qui contient les 4 colonnes suivante :

"COL_AGG", "PARENT_CODE", "COEFFICIENT" et "DATE_CREATED"

Ce que je ve faire : c'est de remplir et afficher un DropDownList avec les noms de ces colonnes ("COL_AGG", "PARENT_CODE", "COEFFICIENT" et "DATE_CREATED") et quand je sélectionne le nom d'une colonne, j'affiche ses données dans une view

Merci pour votre aide

[Julien698]

Salut,

J'ai déjà fait un bout de code similaire voilà comment j'ai procédé :

Tout d'abord dans mon controleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 public ActionResult MaDropDownList()
        {
 
            var response = myBUS.GetDatas();
            List<Datas> list = new List<Datas>();
            list = response.Data;
            ViewBag.DDL = new SelectList(list, "Id", "Name");            
 
            //J'avais utilisé ici une procédure stockée, et je remplis ma liste d'objets "Datas"
            return View();
        }

Dans la vue maintenant :

J'utilise un HTMLHelper

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 @Html.DropDownList("Datas", (SelectList)ViewBag.DDL, new { @class="dropdown" })

Grâce à ceci tu as des noms de colonnes dans ta dropdownlist

tu peux le faire aussi en dur dans le code si tu as envie en créant toi même une selectList et en ajoutant des champs, mais si jamais les noms devaient changer avec ma méthode tu es tranquille.

Après plus loin dans ta vue tu crées une div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="result"></div>

et tu ajoutes une petite fonction Javascript qui va détecter le changement de valeur dans ta dropdown :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$('#Datas').change(function () {
                var value = $('#Datas).val();    
                var url = dev + "/monController/MaDropDownList";
                $.ajax({
                    url:url,
                    cache:false,
                    type:'POST',
                    data: {
                        Id: value                                                             
                    },
                    success: function (data)
                    {
                        $('#result').empty().append($(data).find('table'))
                    }
                });
            })

Une fois ceci réalisé tu retournes dans le controleur et cette fois tu refais ta fonction mais précédée d'un [HttpPost]

Ce qui te donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
[HttpPost]
        public ActionResult MaDropDownList(string Id)
        {
            try
            {
                var reponse = myBus.GetDatas(Id)				
                return View("Result", response.Data);
            }
            catch (Exception ex)
            {
                ViewBag.Error = ex.Message;
                return View();
            }
        }

Maintenant sur cette ActionResult tu peux céer la vue partielle "Result" ou tu peux afficher le contenu de ta colonne ( l'idéal est de faire une vue fortement typée en mode "list")

Si tu ne comprends pas n'hésites pas à poser des questions.

[jérémyp8]

Bonjour Julien698

Tout d'abord, je te remercie énormément pour ta réponse claire et détaillé

STP, Peux-tu m'expliquer quelques points que je n'ai pas bien compris dans le code :

1./ myBUS représente quoi au juste ? j'ai essayé de le remplacer par le nom de ma table (AGG_TREE) qui se trouve dans le dossier 'WebPortal.DataBase.IRH.AGG_TREE comme ceci !:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 public ActionResult MaDropDownList()
        {
 
            var response = AGG_TREE.GetDatas();
            List<Datas> list = new List<Datas>();
            list = response.Data;
            ViewBag.DDL = new SelectList(list, "Id", "Name");            
 
            //J'avais utilisé ici une procédure stockée, et je remplis ma liste d'objets "Datas"
            return View();
        }

et j'ai cette erreur : Error 'WebPortal.DataBase.IRH.AGG_TREE' does not contain a definition for 'GetDatas'

et puis j'ai essayer de le remplacer aussi par le model contenant ma base de donnée db.AGG_TREE comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 public ActionResult MaDropDownList()
        {
private IrhMetaEntities db = new IrhMetaEntities();
            var response = db.AGG_TREE.GetDatas();
            List<Datas> list = new List<Datas>();
            list = response.Data;
            ViewBag.DDL = new SelectList(list, "Id", "Name");            
 
            //J'avais utilisé ici une procédure stockée, et je remplis ma liste d'objets "Datas"
            return View();
        }

et j'ai aussi une erreur :


Error 6 'System.Data.Objects.ObjectSet<WebPortal.DataBase.IRH.AGG_TREE>' does not contain a definition for 'GetDatas' and no extension method 'GetDatas' accepting a first argument of type 'System.Data.Objects.ObjectSet<WebPortal.DataBase.IRH.AGG_TREE>' could be found (are you missing a using directive or an assembly reference?)


et j'ai une erreur sur le paramettre "data"

Error 7 The type or namespace name 'Datas' could not be found (are you missing a using directive or an assembly reference?)


Et puis question un peu bête : est ce que je suis obliger de remplir de "data" pour pouvoir afficher les noms des colonnes et si c'est oui y t-il un autre moyens (code C#) autre que procedure stocker pour le faire


Merciiiii

Merci par avance pour tes réponses

[Julien698]

C'est normal que ça compile pas il faut que tu fasses quand meme pas mal de changements :

Pour myBus : En fait dans ce projet là je travaillais en plusieurs couches. Une couche DataLayer ou j'avais l'accès à mes données via des fichiers LINQ to SQL fichier.dbml ou Entity FrameWork .edmx.
Et Dans mon Bus qui est en dessous du Datalayer j'appelais des methodes du datalayer pour ce que je voulais en particulier comme datas + je faisais la gestion des erreurs.
Après tu n'es pas obligé de faire comme ça, tu peux directement dans ton code faire appel aux données sans passer par des couches.

Tout d'abord quel type de SGBD tu utilises et comment fais-tu le lien ?

Pour ton erreur GetDatas c'est normal aussi, on te dit qu'il n'est pas défini, mais c'est aussi spécifique à mon projet.

Pour datas non tu n'es pas obligé de le remplir.

Après les procédures sotckées ne sont pas obligatoires :

Lis ce tuto tu verras un peut comment tu peux faire avec LINQ : http://dotnet.developpez.com/mvc/mvc-linq-to-sql/
ou sinon avec Entity FrameWork : http://dotnet.developpez.com/mvc/mvc-entity-framework/

[jérémyp8]

J'utilise Entity Framwork pour liaison avec mes données,

Après avoir bien travailler .....je suis arrivé a avoir une liste dynamique contenant les noms des colonnes de ma table...voila le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
   public ActionResult Index()
        {
          Type type = typeof(AGG_TREE); 
               List<string> nameOfMycolumns = type.GetProperties()
                         .Where(
                             prop => prop.GetCustomAttributes(typeof(EdmScalarPropertyAttribute), false).Any() &&
                             !prop.GetCustomAttributes(typeof(EdmRelationshipNavigationPropertyAttribute), false).Any())
                         .Select(prop => prop.Name).ToList();
 
               ViewBag.NameOfMycolumns = nameOfMycolumns;
 
              return View();
        }

et je les affiche dans une liste déroulante de ma vue comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div>
<select name="NameOfMycolumns">
@foreach (var item in ViewBag.NameOfMycolumns)
{
<option>@item</option> 
} 
</select>
 
</div>

Mais je tiens a remercier Julien698 d'avoir pris un peu de son temps pour me répondre !

Cordialement