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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
| <div dojoType="dijit.layout.BorderContainer" gutters="false" design="screenDesign" style="border: 0px; padding: 0px; margin: 0px; width: 100%; height: 100%;">
<div dojoType="dijit.layout.ContentPane" region="top" style="border: 0px; padding: 0px; margin: 0px; padding-top: 5px; padding-left: 100px; background-color: #F0F0F5;">
1098 documents (150 affichés)
<script type="text/javascript">
dojo.require("dijit.form.Button");
dojo.require("dijit.TitlePane");
//Sélectionnez vos critères Valeur recherchée Format Compris entre*
function addSearchLine(formLine, num)
{
var objSel = document.createElement("SELECT");
objSel.id = 'selFld'+num;
objSel.name = objSel.id;
// Champs dynamiques (PHP)
var objOpt;
objOpt = document.createElement("OPTION");
objOpt.value = 'Nom_Prenom';
objOpt.innerHTML = 'Nom_Prenom';
objSel.appendChild(objOpt);
objOpt.value = 'Date_Entree';
objOpt.innerHTML = 'Date_Entree';
objSel.appendChild(objOpt);
formLine.appendChild(objSel);
objSel = document.createElement("INPUT");
objSel.id = 'srchFld'+num;
objSel.name = objSel.id;
formLine.appendChild(objSel);
}
</script>
<BR>
<button dojoType="dijit.form.Button" id="toggleButton" iconClass="iconButtonTest"
type="button">
Clique moi
</button>
<BR>
<BR>
<div jsid="searchDocsBar" id="searchDocsBar" dojoType="dijit.TitlePane" autoHeight="true" title="Recherche de documents" open="false" >
<script type="text/javascript">
addSearchLine(document.getElementById('searchDocsBar'), 0);
</script>
</div>
</div>
<div dojoType="dijit.layout.ContentPane" region="center" style="border: 0px; padding: 0px; margin: 0px; padding-top: 5px; padding-left: 30px; background-color: #F0F0F5;">
<TABLE style="border: 0px; padding: 0px; margin: 0px; width: 100%; height: 100%;">
<TR>
<TD BGCOLOR=WHITE STYLE="border-bottom: 2px solid #CECECE; border-right: 2px solid #CECECE; padding: 10px 25px 10px 25px; ">
<script type="text/javascript">
//dojo.require("dojox.grid.DataGrid");
dojo.require("dojox.grid.EnhancedGrid");
dojo.require("dojox.grid.enhanced.plugins.Menu");
dojo.require("dijit.Menu");
var layoutDocs = [
{field: "ARC_DOC_ID", name: "ARC_DOC_ID", width:"0px", styles: 'display: none;'},
{field: "Nom_Prenom", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=1a\">Nom_Prenom</A>", width:"200px", classes:'dojoxGridColString'},
{field: "Num_Titre", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=2a\">Num_Titre</A>", width:"80px", classes:'dojoxGridColInt'},
{field: "Num_Bordereau", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=3a\">Num_Bordereau</A>", width:"80px", classes:'dojoxGridColInt'},
{field: "Num_Dossier_Interne", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=4a\">Num_Dossier_Interne</A>", width:"80px", classes:'dojoxGridColInt'},
{field: "Date_Emission", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=5a\">Date_Emission</A>", width:"80px", classes:'dojoxGridColString'},
{field: "Cpte_Tiers", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=6a\">Cpte_Tiers</A>", width:"80px", classes:'dojoxGridColInt'},
{field: "Date_Entree", name: "<A HREF=\"/ssafe_c/consult.php?go=arc&arc=76&o=7a\">Date_Entree</A>", width:"80px", classes:'dojoxGridColString'}
];
var storeDocs = new dojo.data.ItemFileWriteStore({data: { identifier: "ARC_DOC_ID", items: []}});
storeDocs.newItem({ARC_DOC_ID: "0", Nom_Prenom: "BOUTIN MARCEL", Num_Titre: "23823", Num_Bordereau: "102", Num_Dossier_Interne: "20713772", Date_Emission: "02/04/2008", Cpte_Tiers: "41151", Date_Entree: "03/01/2008"});
storeDocs.newItem({ARC_DOC_ID: "1", Nom_Prenom: "PESCHI JEAN", Num_Titre: "23822", Num_Bordereau: "102", Num_Dossier_Interne: "20715362", Date_Emission: "02/04/2008", Cpte_Tiers: "41110", Date_Entree: "06/01/2008"});
function noSort(index)
{
return false;
}
</script>
<table dojoType="dojox.grid.EnhancedGrid" jsid="gridDocs" id="gridDocs" style="height: 500px;" autoWidth="true" autoHeight="true"
store="storeDocs" structure="layoutDocs"
canSort='noSort' clientSort="false" columnReordering="true"
rowSelector="20px" selectionMode="multiple"
plugins='{menus:{rowMenu:"docsMenu", cellMenu:"docsMenu"}}'
loadingMessage="Chargement..." errorMessage="Erreur !">
<div dojoType="dijit.Menu" id="docsMenu" style="display: none;">
<div dojoType="dijit.MenuItem">
Cell Menu Item 1
</div>
<div dojoType="dijit.MenuItem">
Cell Menu Item 2
</div>
<div dojoType="dijit.MenuItem">
Cell Menu Item 3
</div>
</div>
</table>
</TD>
</TD>
</TABLE>
</div>
<div dojoType="dijit.layout.ContentPane" region="bottom" style="border: 0px; padding: 0px; margin: 0px; padding-top: 5px; padding-left: 100px; background-color: #F0F0F5;">
Quelques mots...
</div>
</div> |
