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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
| $("#list_layer").jqGrid({
height: 100,
url:'./service/admin.php?&requete=select&table=admin_layer',
editurl: "./service/admin.php?&requete=update&table=admin_layer",
autowidth: true,
mtype: 'GET',
datatype: "json",
colNames:['id_layer','id_grouplayers','id_server','soustitre','name','label','type','style','color','Actions'],
colModel: [
{name:"id_layer",index:"id_layer",width:80},
{name:"id_grouplayers",index:"id_grouplayers",width:80,editable:true, edittype:"select",
editoptions:{
style:"width:100%",
dataUrl: './service/admin.php?requete=selectoption&table=admin_grouplayers&champ=titre',
buildSelect: function (data){
return data;
}
}
},
{name:"id_server",index:"id_server",width:80,editable:true, edittype:"select",
editoptions:{
style:"width:100%",
dataUrl: './service/admin.php?requete=selectoption&table=admin_server&champ=owner',
dataEvents: [
{ type: 'change',
fn: function(e) {
var objServer = this;
jQuery.ajax({
url: './service/admin.php?requete=GetCapabilities&table=admin_server&id_server='+jQuery(this).val(),
async:false,
success: function(data) {
var objName = jQuery(objServer).parent('td').next().next().find('select');
jQuery(objName).empty();
jQuery(objName).append(data);
}
});
}
}
]
}
},
{name:"soustitre",index:"soustitre",width:80, editable:true},
{name:"name",index:"name",width:80, editable:true, edittype:"select",
editoptions:{
style:"width:100%",
dataUrl: './service/admin.php?requete=selectoption&table=admin_server&champ=vide',
dataEvents: [
{ type: 'change',
fn: function(e) {
var objServer = this;
jQuery.ajax({
url: './service/admin.php?requete=DescribeFeatureType&table=admin_server&id_server='+jQuery(this).parent('td').prev().prev().find('select').val()+'&name='+jQuery(this).val(),
async:false,
success: function(data) {
var objName = jQuery(objServer).parent('td').next().find('select');
jQuery(objName).empty();
jQuery(objName).append(data);
}
});
}
}
]
}
},
{name:"label",index:"label",width:80, editable:true, edittype:"select",
editoptions:{
style:"width:100%",
dataUrl: './service/admin.php?requete=selectoption&table=admin_server&champ=vide'
}
},
{name:"type",index:"type",width:80, editable:true, edittype:"select", editoptions:{value:":;POLYGON:POLYGON",style:"width:100%"}},
{name:"style",index:"style",width:80, editable:true, edittype: 'custom',
editoptions:{custom_element:
function (v,e) {
var cont=$("<div/>").attr('id','style').css({'z-index':100,'position':'absolute'})
var row=$('<div/>').addClass('row')
i=1;
for (j=1;j<4;j++){
var newrow=row.clone()
for(k=0;k<3;k++){
newrow.append($('<img />')
.attr('onclick','alert("image'+i+'_'+e.id+'");')
.attr('src','js/mfbase/jquery/plugin/colorpicker/images/'+i+'.png')
.css({'height':'20px','width':'20px'}) )
i++;
}
cont.append(newrow)
}
return cont;
},
custom_value: function (e){return e;}
}
},
{name:'color',index:'color', editable: true, edittype: 'text', width:80,
editoptions:{
dataInit: function(e) {
jQuery(e).ColorPicker({
onShow: function (colpkr) {
jQuery(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
jQuery(colpkr).fadeOut(500);
return false;
},
onSubmit: function(hsb, hex, rgb, el) {
jQuery(el).val(rgb.b+' '+rgb.g+' '+rgb.r);
jQuery(el).ColorPickerHide();
},
onBeforeShow: function () {
jQuery(this).ColorPickerSetColor(this.value);
}
});
}
}
},
{name:'act',index:'act', width:125},
],
rowNum:5,
rowList:[5,10,20],
pager: '#pager_layer',
sortname: 'id_layer',
viewrecords: true,
sortorder: "asc",
caption:"Controle des couches : Liste des couches",
gridComplete: function(){
var ids = jQuery("#list_layer").jqGrid('getDataIDs');
for(var i=0;i < ids.length;i++){
var cl = ids[i];
be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=\"jQuery('#list_layer').editRow('"+cl+"');\" />";
se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=\"jQuery('#list_layer').saveRow('"+cl+"');\" />";
ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=\"jQuery('#list_layer').restoreRow('"+cl+"');\" />";
jQuery("#list_layer").jqGrid('setRowData',ids[i],{act:be+se+ce});
}
},
})
jQuery("#list_layer").jqGrid('gridResize',{});
$("#list_layer").navGrid('#pager_layer',{search:false,add:false,edit:false,del:false});
jQuery('#btnAjoutLayer').click( function () {
jQuery('#list_layer').addRowData(-1, {}, 'first', 0);
jQuery('#list_layer').editRow(-1);
}); |
jqGrid création plugin : Sélection d'une icone
Répondre avec citation
Partager