Discussion :

[nine]

Salut à tous,

comment faire quand on doit saisir beaucoup de données sans avoir à passer par des formulaires à rallonge ?
je cherche un moyen de pouvoir saisir, un questionnaire ou des données de terrain via une appli web.

j'ai déjà fait une première appli, avec des formulaires mais l'expérience utilisateur n'était pas super car plein de page et faire suivant/suivant jusqu'à enregistrer, ben certains ont pas compris. il y avait des saisies partielles et du coup pas d'enregistrement. et tout ça m'est remonté comme étant un bug.

aussi je cherche un moyen d'afficher un maximum de données à la saisie, je pensais à un genre de datagrid attaché à la bdd et permettant le CRUD (jointure, insert multiple derrière) . quelqu'un a déjà expérimenté ce genre de produit ? lequel ?

une autre idée est tout aussi bienvenue ;-)


merci par avance,
n

[monaka]

salut a toi nine , as tu déjà utilisé le plugin jtable?

il serait parfait pour résoudre ton problème





La rigueur vient toujours à bout de l'obstacle.
Les détails font la perfection, et la perfection n'est pas un détail.

[JujuPomme]

Hello,

En ce qui concerne les formulaires à rallonge, tu peux très bien les sectionner et en ce qui concerne le display, faire un genre de collapse?
- Collapse - Bootstrap

Sinon en genre de datagrid, j'ai pas expérimenté jtable comme dis plus haut, mais DataTables que je te conseille vraiment. Modulable, rapide et pas compliqué d'utilisation si tu connais un peu ajax.

Bon courage !

[nine]

salut armand , merci de ta reponse.

non je connais pas. et toi ?

rapidement lu la doc, c'est une requete simple qui est faite, est-ce que ca supporte les jointures ?
ensuite faut renvoyer du json pour remplir la table
et enfin j'ai pas vu de crud ? update : comment ca se passe si plusieurs table ?

en tout cas merci !

je suis en train de regarder vers les crud generator dans packagist, ça pourrait correspondre, d'autant que j'aimerai l'inclure dans du laravel (j'avais pas précisé)
tu as dejà bosser avec ce type de plugin : https://packagist.org/packages/backpack/crud

merci,
n

[monaka]

sisi dans jtable tout y est et c'est très rapide,essai de le télécharger de le mettre dans ton dossier racine et on fera ce que tu veux obtenir rapidement,suis connecté



La rigueur vient toujours à bout de l'obstacle.
Les détails font la perfection, et la perfection n'est pas un détail.

[nine]

ah ok, super. bon je te dis qd je suis pret

[nine]

merci jujupomme, je vais regarder aussi

[nine]

armand c bon j'ai telecharger jtable : https://github.com/hikalkan/jtable --> on parle bien du tien ?

j'aimerai tester avec ma base de donnees

[monaka]

ok super , donc la première chose serait de faire un lien vers le script et Peut etre aussi css pour la couleur de ton tableau dans ton fichier html selon l'emplacement ça pourrait ressembler à ceci

Code :

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

<link href="jtable/themes/lightcolor/green/jtable.css" rel="stylesheet" type="text/css" />

Code :

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

<script src="jtable/jquery.jtable.js" type="text/javascript"></script>

La rigueur vient toujours à bout de l'obstacle.
Les détails font la perfection, et la perfection n'est pas un détail.

[nine]

ok, j'utilise directement l'exemple du site : jTableSimple.php

[nine]

armand je vais tester le truc de mon coté et je reviendrai poster ici si des trucs m'echappe .
encore merci !

[monaka]

ensuite si j'ai 3 champs(id,nom,prenom) dans ma table(etudiant) que je veux afficher, ma page html pourrait ressembler a ceci

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
    <div id="etudiantTableContainer" style="width: 100%;"></div>
                        <script type="text/javascript">
 
                            $(document).ready(function () {
 
                                //Prepare jTable
                                $('#etudiantTableContainer').jtable({
                                    title: 'Liste des chauffeurs',
                                    paging: true, //Enable paging
                                    sorting: true, //Enable sorting
                                    defaultSorting: 'Name ASC',
                                    selecting: true, //Enable selecting
                                    multiselect:true, //Allow multiple selecting
                                    selectingCheckboxes: true, //Show checkboxes on first column,
                                   /* le fichier ou nous allons nous charger du crud */
                                    actions: {
                                        listAction: 'api/etudiant.php?action=list',
                                        updateAction: 'api/etudiant.php?action=update',
                                        deleteAction: 'api/etudiant.php?action=delete',
                                        createAction: 'api/etudiant.php?action=create'
                                    },
                                    fields: {
                                        Id: {
                                            key: true,
                                            create: false,
                                            edit: false,
                                            list: false
 
										},
 
                                        Nom: {
                                            title: 'Nom'
 
 
                                        },
                                        Prenom: {
                                            title: 'Prenom'
 
                                        },
 
                                    }
                                });
                                //Load etudiant list from server
                                $('#etudiantTableContainer').jtable('load');
 
                            });
 
                        </script>           
 
                    </div>

[monaka]

ok bonne chance et bien de choses a toi.






La rigueur vient toujours à bout de l'obstacle.
Les détails font la perfection, et la perfection n'est pas un détail.

[nine]

ok mais t'aurai un exemple avec des jointures entre deux tables ?
et aussi ensuite comment tu fais un crud dessus ?

[monaka]

as tu réussi a afficher les éléments de ta base de donnée?

jointure cad?????

t'as une table contenant l'id(entier) d'une autre table mais t’aimerais afficher la valeur exacte dans ton tableau ex: chargement d'une liste déroulante





La rigueur vient toujours à bout de l'obstacle.
Les détails font la perfection, et la perfection n'est pas un détail.

[JujuPomme]

ok mais t'aurai un exemple avec des jointures entre deux tables ?
et aussi ensuite comment tu fais un crud dessus ?

A partir du moment ou tu peuples ton tableau avec un SELECT depuis ta BDD, la jointure n'appartiens qu'à toi d'être réalisée.

jointure cad?????

Quand tu croises les données de deux tables

[nine]

en fait imagine que je fais un select depuis plusieurs tables

j'alimente la jtable

je modifie des valeurs dedans : et là forcement va y avoir plusieurs update.

c'est là ou j'aimerai bien voir un exemple :-)

[JujuPomme]

Tu manques de précisions...

en fait imagine que je fais un select depuis plusieurs tables

Tu fais une jointure donc?

je modifie des valeurs dedans : et là forcement va y avoir plusieurs update.

Tu modifies les valeurs "dedans" ou? Dedans la BDD? Dedans la jtable? oukesasepasse?

[nine]

ah desole

oui je fais un select du genre select * from table1 inner join table2 on .....

ca alimente jtable avec des valeurs qui proviennent donc de 2 tables

comment keksassepasse si tu modifie 3 valeurs dans ta jtable, par exemple : 1 valeur A qui proviendrait de table1 et deux valeur B et C de table2

on doit bien faire : update table1 set colx = A etc...

comment on fait ca avec jtable ?

merci

[JujuPomme]

Bin...

Regarde ici?

Sinon :

- C'est pas ce qui manque