Discussion :

[Arendelle]

Hello tout le monde!!!

Voila j'utilise le plug in jqgrid et je cherche à ajouter un bouton au formulaire d'ajout seulement pour effectuer des actions dont j'ai déjà le code. En cherchant sur internet et en tâtonnant un peu j'ai trouver cette instruction:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$.extend($.jgrid.edit, {
            recreateForm: true,
            width:700,
            viewPagerButtons:false,
            beforeShowForm: function (form) { $('#tr_ID_FORFAIT', form).show(); //$("#grid_appareil").setColProp('ID_FORFAIT', { editoptions: { dataUrl:'appareil/selectforfait?id='+0}});
                $('<a href="#">Ajouter un forfait<span class="ui-icon ui-icon-disk"></span></a>')
                .click(function() {
                   ajt_forfait();
                }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
                .prependTo("#Act_Buttons>td.EditButton");
            }
    });

Elle fonctionne parfaitement! En faites se que je voudrai c'est que quelqu’un m'aide pour comprendre pourquoi cette instruction ajoute le bouton dans le formulaire add et pas dans le formulaire edit ? Car j'essaie de chercher pourquoi mais sans succès. Et aussi car je souhaite réinitialiser une liste déroulante du formulaire d'ajout et pas celle du formulaire edit car celle-ci subit déjà un traitement dont je ne veux pas y toucher^^. Donc quelqu'un peut il m'aider à comprendre comment le système fait pour ajouter ce bouton au formulaire d'ajout et pas au edit ? Je vous remercie d'avance et j'espère que je suis clair dans mes explications si c'est pas le cas demandez moi . J'espère aussi avoir une réponse car je bloque depuis un bon moment...

[NoSmoking]

Bonjour,

...pourquoi cette instruction ajoute le bouton dans le formulaire add et pas dans le formulaire edit ?

parce que tu lui demandes, mais sans la structure HTML on peut difficilement s'en rendre compte

[Arendelle]

Bonjour!

Merci pour ta réponse! Oui je lui demande donc normal mais j'ai vraiment du mal car c'est le même formulaire pour le add et edit. Tu voulais la structure c'est ça ?

voici celle du add:

Code html :

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
<div id="editmodgrid_appareil" class="ui-widget ui-widget-content ui-corner-all ui-jqdialog jqmID1" dir="ltr" style="width: 700px; height: auto; overflow: hidden; top: 227px; left: 15px; z-index: 1002; display: block;" tabindex="-1" role="dialog" aria-labelledby="edithdgrid_appareil" aria-hidden="false">
<div id="edithdgrid_appareil" class="ui-jqdialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="cursor: move;">
<span class="ui-jqdialog-title" style="float: left;">Ajouter</span>
<a class="ui-jqdialog-titlebar-close ui-corner-all" style="right: 0.3em;">
</div>
<div id="editcntgrid_appareil" class="ui-jqdialog-content ui-widget-content">
<div>
<form id="FrmGrid_grid_appareil" class="FormGrid" style="width:auto;overflow:auto;position:relative;height:auto;" onsubmit="return false;" name="FormPost">
<table id="TblGrid_grid_appareil" class="EditTable" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr id="FormError" style="display:none">
<tr class="tinfo" style="display:none">
<tr id="tr_UTILISATEUR_ID_UTILISATEUR" class="FormData" rowpos="1">
<tr id="tr_TYPE_APPAREIL_ID_TYPE_APPAREIL" class="FormData" rowpos="2">
<tr id="tr_STATUT_APPAREIL_ID_STATUT_APPAREIL" class="FormData" rowpos="3">
<tr id="tr_ID_FORFAIT" class="FormData" rowpos="4" style="">
<tr id="tr_NUMERO_SERIE" class="FormData" rowpos="5">
<tr id="tr_NUMERO_SBE" class="FormData" rowpos="6">
<tr id="tr_DATE_ACHAT" class="FormData" rowpos="7">
<tr id="tr_DATE_RECEPTION" class="FormData" rowpos="8">
<tr id="tr_DATE_FIN_GARANTIE" class="FormData" rowpos="9">
<tr class="FormData" style="display:none">
</tbody>
</table>
</form>
<table id="TblGrid_grid_appareil_2" class="EditTable" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<tr id="Act_Buttons">
<td class="navButton">
<td class="EditButton">
<a class="fm-button ui-state-default ui-corner-all fm-button-icon-left" href="#">
Ajouter un forfait
<span class="ui-icon ui-icon-disk"></span>
</a>
<a id="sData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">
<a id="cData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">
</td>
</tr>
<tr class="binfo" style="display:none">
</tbody>
</table>
</div>
</div>

Et celle du edit:

Code html :

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
<div id="editmodgrid_appareil" class="ui-widget ui-widget-content ui-corner-all ui-jqdialog jqmID2" dir="ltr" style="width: 700px; height: auto; overflow: hidden; top: 227px; left: 15px; z-index: 1002; display: block;" tabindex="-1" role="dialog" aria-labelledby="edithdgrid_appareil" aria-hidden="false">
<div id="edithdgrid_appareil" class="ui-jqdialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="cursor: move;">
<span class="ui-jqdialog-title" style="float: left;">Editer</span>
<a class="ui-jqdialog-titlebar-close ui-corner-all" style="right: 0.3em;">
</div>
<div id="editcntgrid_appareil" class="ui-jqdialog-content ui-widget-content">
<div>
<form id="FrmGrid_grid_appareil" class="FormGrid" style="width:auto;overflow:auto;position:relative;height:auto;" onsubmit="return false;" name="FormPost">
<table id="TblGrid_grid_appareil" class="EditTable" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr id="FormError" style="display:none">
<tr class="tinfo" style="display:none">
<tr id="tr_UTILISATEUR_ID_UTILISATEUR" class="FormData" rowpos="1">
<tr id="tr_TYPE_APPAREIL_ID_TYPE_APPAREIL" class="FormData" rowpos="2">
<tr id="tr_STATUT_APPAREIL_ID_STATUT_APPAREIL" class="FormData" rowpos="3">
<tr id="tr_ID_FORFAIT" class="FormData" rowpos="4" style="">
<tr id="tr_NUMERO_SERIE" class="FormData" rowpos="5">
<tr id="tr_NUMERO_SBE" class="FormData" rowpos="6">
<tr id="tr_DATE_ACHAT" class="FormData" rowpos="7">
<tr id="tr_DATE_RECEPTION" class="FormData" rowpos="8">
<tr id="tr_DATE_FIN_GARANTIE" class="FormData" rowpos="9">
<tr class="FormData" style="display:none">
</tbody>
</table>
</form>
<table id="TblGrid_grid_appareil_2" class="EditTable" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<tr id="Act_Buttons">
<td class="navButton">
<td class="EditButton">
<a id="sData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">
Valider
<span class="ui-icon ui-icon-disk"></span>
</a>
<a id="cData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">
Annuler
<span class="ui-icon ui-icon-close"></span>
</a>
</td>
</tr>
<tr class="binfo" style="display:none">
</tbody>
</table>
</div>
</div>

[NoSmoking]

J'en prend 2 au hasard

Code html :

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

1
2
<div id="editmodgrid_appareil" ...>
<div id="edithdgrid_appareil" ...>

une ID doit ETRE UNIQUE, or tu les dupliques dans ton code.

[Arendelle]

Ah oui je crois qu'on c'est mal compris^^. Dans mon message précédent j'ai mis du code pour le formulaire add et edit mais en faite je ne le duplique pas. Normalement il n'y a que une seule div qui contient les formulaires add et edit. Mais si j'ai mis les deux c'est pour que tu puisse peut être me dire comment le système fait pour différencier les deux formulaires comme ajouter un bouton que dans le formulaire add.