onlineedit Jquery.JqGrid V5.0.2

Version imprimable

14/01/2019, 14h45
kika10

2 pièce(s) jointe(s)

onlineedit Jquery.JqGrid V5.0.2

Bonjour,

j'utilise Codeigniter 3.1.6 avec la Template Ace Admin, j'ai intégré la table de jqGrid plugin avec Mise à jour dynamique de la base de donnée Mysql (PhpMyaAdmin), l'ajout et la suppression marche bien, par contre dans la modification dans la grid ne marche pas, si je modifie on premier la première ligne et je clique sur entrer pour valider la modifie, la mise à jour dans la base marche par contre dans l'affichage il écrase la deuxième ligne et la première ligne reste toujours en mode edition, c'est juste pour l'affiche pas dans la base, si je fait actualiser l'affichage est bon, ici joint une copie d’écran:

avant la modification
Pièce jointe 441349

après la modification
Pièce jointe 441355

Merci.
14/01/2019, 16h16
Toufik83

Salut,
je suppose que la modification se fait avec Ajax, tu peux nous montrer le code qui va avec ?

Bonjour,

Oui ça se fait avec AJAX, mais le problème c'est juste dans la validation de l'édition avec l'entrer du clavier par contre c'est je clique sur le bouton valider du JqGrid tout marche bien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
jQuery("#grid-table").jqGrid({
             subGrid : false,
 
            url:'<?php echo base_url(); ?>test/loadData',                
            mtype : "post",              //Ajax request type. It also could be GET
            datatype: "json",  
                 height: 250,
                colNames:['Actions','col1', 'col2'],
                colModel:[
                 {name:'act',index:'act', width:80, fixed:true, sortable:false, resize:false,
                 formatter:'actions', 
                 formatoptions:{ 
                    keys:true, 
                    editoptions:{ reloadAfterEdit: true, keys:true },
                    delOptions:{
                           ...                                                     
                            },
                },
 
                    {name:''col1',index:''col1', width:60,key: true, sorttype:"int", editable: true,hidden:true},
                    {name:'col2',index:'col2', width:150,editable: true,editoptions:{ keys:true, size:"20",maxlength:"30"}},
           ],

Merci.

20/01/2019, 22h35
Toufik83

j'ai deux questions :
:fleche: Quand tu inspectes les lignes "<tr>" de la grid, tu vois bien que chaque tr est identifié par un attribut id unique (avant l'édition et après) ?
:fleche: à quoi ressemble le résultat json que tu reçois depuis l'url ?
21/01/2019, 16h08
kika10

bonjour,

en fin c'est vrais avant d'édition j'ai un id unique pour chaque <tr>, mais après quand je modifie et je valide par entre du clavier le premier <tr> et le deuxième <tr> ont le même id, c'est pour ça il écrase la donnée qui suit, est ce que ce n'est pas un bug dans la JqGrid en lui même.

pour json:

Code:

1
2
 
{"page":1,"total":1,"records":3,"rows":[{"id":"1","cell":["1","1","fffofpoipoi"]},{"id":"4","cell":["4","4","iiiiupp"]},{"id":"2","cell":["2","2","test modification"]}]}

21/01/2019, 16h28
Toufik83

d'après ton code la colonne "col1" que tu mets en hidden:true et key:true, est l'identifiant de chaque ligne <tr> de la grid.
Donc il faut t'assurer qu'il n'y ai pas deux valeurs identiques dans "col1".
sinon y'a pas de bug dans jqGrid.
22/01/2019, 10h03
kika10

Bonjour,

l'identifiant de la ligne <tr> est un numéro qui s’incrémente automatique (1,2,3...), et "col1" est la clé de ma table dans la base donc elle est unique.

je répète que le problème il existe juste quand je valide la modification avec l'entrer du clavier, par contre c'est je valide avec le bouton valider de la grid tout marche bien.

merci.
22/01/2019, 22h10
Toufik83

:? j'ai crée un exemple en local, et j'ai tout fais pour provoquer le dysfonctionnement que tu as... mais sans succès, je ne sais pas vraiment quoi te suggérer...
23/01/2019, 13h12
kika10

bonjour,

en fin de compte le problème est dans "key:true" de "col1", j'ai les enlevé et ça marché.

Merci.