Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / data / ItemExplorer.js @ 13

History | View | Annotate | Download (12.2 KB)

1 9 andrej.cim
/*
2
        Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
3
        Available via Academic Free License >= 2.1 OR the modified BSD license.
4
        see: http://dojotoolkit.org/license for details
5
*/
6
7
8
if(!dojo._hasResource["dojox.data.ItemExplorer"]){
9
dojo._hasResource["dojox.data.ItemExplorer"]=true;
10
dojo.provide("dojox.data.ItemExplorer");
11
dojo.require("dijit.Tree");
12
dojo.require("dijit.Dialog");
13
dojo.require("dijit.Menu");
14
dojo.require("dijit.form.ValidationTextBox");
15
dojo.require("dijit.form.Textarea");
16
dojo.require("dijit.form.Button");
17
dojo.require("dijit.form.CheckBox");
18
dojo.require("dijit.form.FilteringSelect");
19
(function(){
20
var _1=function(_2,_3,_4){
21
var _5=_2.getValues(_3,_4);
22
if(_5.length<2){
23
_5=_2.getValue(_3,_4);
24
}
25
return _5;
26
};
27
dojo.declare("dojox.data.ItemExplorer",dijit.Tree,{useSelect:false,refSelectSearchAttr:null,constructor:function(_6){
28
dojo.mixin(this,_6);
29
var _7=this;
30
var _8={};
31
var _9=this.rootModelNode={value:_8,id:"root"};
32
this._modelNodeIdMap={};
33
this._modelNodePropMap={};
34
var _a=1;
35
this.model={getRoot:function(_b){
36
_b(_9);
37
},mayHaveChildren:function(_c){
38
return _c.value&&typeof _c.value=="object"&&!(_c.value instanceof Date);
39
},getChildren:function(_d,_e,_f){
40
var _10,_11,_12=_d.value;
41
var _13=[];
42
if(_12==_8){
43
_e([]);
44
return;
45
}
46
var _14=_7.store&&_7.store.isItem(_12,true);
47
if(_14&&!_7.store.isItemLoaded(_12)){
48
_7.store.loadItem({item:_12,onItem:function(_15){
49
_12=_15;
50
_16();
51
}});
52
}else{
53
_16();
54
}
55
function _16(){
56
if(_14){
57
_10=_7.store.getAttributes(_12);
58
_11=_12;
59
}else{
60
if(_12&&typeof _12=="object"){
61
_11=_d.value;
62
_10=[];
63
for(var i in _12){
64
if(_12.hasOwnProperty(i)&&i!="__id"&&i!="__clientId"){
65
_10.push(i);
66
}
67
}
68
}
69
}
70
if(_10){
71
for(var key,k=0;key=_10[k++];){
72
_13.push({property:key,value:_14?_1(_7.store,_12,key):_12[key],parent:_11});
73
}
74
_13.push({addNew:true,parent:_11,parentNode:_d});
75
}
76
_e(_13);
77
};
78
},getIdentity:function(_17){
79
if(!_17.id){
80
if(_17.addNew){
81
_17.property="--addNew";
82
}
83
_17.id=_a++;
84
if(_7.store){
85
if(_7.store.isItem(_17.value)){
86
var _18=_7.store.getIdentity(_17.value);
87
(_7._modelNodeIdMap[_18]=_7._modelNodeIdMap[_18]||[]).push(_17);
88
}
89
if(_17.parent){
90
_18=_7.store.getIdentity(_17.parent)+"."+_17.property;
91
(_7._modelNodePropMap[_18]=_7._modelNodePropMap[_18]||[]).push(_17);
92
}
93
}
94
}
95
return _17.id;
96
},getLabel:function(_19){
97
return _19===_9?"Object Properties":_19.addNew?(_19.parent instanceof Array?"Add new value":"Add new property"):_19.property+": "+(_19.value instanceof Array?"("+_19.value.length+" elements)":_19.value);
98
},onChildrenChange:function(_1a){
99
},onChange:function(_1b){
100
}};
101
},postCreate:function(){
102
this.inherited(arguments);
103
dojo.connect(this,"onClick",function(_1c,_1d){
104
this.lastFocused=_1d;
105
if(_1c.addNew){
106
this._addProperty();
107
}else{
108
this._editProperty();
109
}
110
});
111
var _1e=new dijit.Menu({targetNodeIds:[this.rootNode.domNode],id:"contextMenu"});
112
dojo.connect(_1e,"_openMyself",this,function(e){
113
var _1f=dijit.getEnclosingWidget(e.target);
114
if(_1f){
115
var _20=_1f.item;
116
if(this.store.isItem(_20.value,true)&&!_20.parent){
117
dojo.forEach(_1e.getChildren(),function(_21){
118
_21.attr("disabled",(_21.label!="Add"));
119
});
120
this.lastFocused=_1f;
121
}else{
122
if(_20.value&&typeof _20.value=="object"&&!(_20.value instanceof Date)){
123
dojo.forEach(_1e.getChildren(),function(_22){
124
_22.attr("disabled",(_22.label!="Add")&&(_22.label!="Delete"));
125
});
126
this.lastFocused=_1f;
127
}else{
128
if(_20.property&&dojo.indexOf(this.store.getIdentityAttributes(),_20.property)>=0){
129
this.focusNode(_1f);
130
alert("Cannot modify an Identifier node.");
131
}else{
132
if(_20.addNew){
133
this.focusNode(_1f);
134
}else{
135
dojo.forEach(_1e.getChildren(),function(_23){
136
_23.attr("disabled",(_23.label!="Edit")&&(_23.label!="Delete"));
137
});
138
this.lastFocused=_1f;
139
}
140
}
141
}
142
}
143
}
144
});
145
_1e.addChild(new dijit.MenuItem({label:"Add",onClick:dojo.hitch(this,"_addProperty")}));
146
_1e.addChild(new dijit.MenuItem({label:"Edit",onClick:dojo.hitch(this,"_editProperty")}));
147
_1e.addChild(new dijit.MenuItem({label:"Delete",onClick:dojo.hitch(this,"_destroyProperty")}));
148
_1e.startup();
149
},store:null,setStore:function(_24){
150
this.store=_24;
151
var _25=this;
152
if(this._editDialog){
153
this._editDialog.destroyRecursive();
154
delete this._editDialog;
155
}
156
dojo.connect(_24,"onSet",function(_26,_27,_28,_29){
157
var _2a,i,_2b=_25.store.getIdentity(_26);
158
_2a=_25._modelNodeIdMap[_2b];
159
if(_2a&&(_28===undefined||_29===undefined||_28 instanceof Array||_29 instanceof Array||typeof _28=="object"||typeof _29=="object")){
160
for(i=0;i<_2a.length;i++){
161
(function(_2c){
162
_25.model.getChildren(_2c,function(_2d){
163
_25.model.onChildrenChange(_2c,_2d);
164
});
165
})(_2a[i]);
166
}
167
}
168
_2a=_25._modelNodePropMap[_2b+"."+_27];
169
if(_2a){
170
for(i=0;i<_2a.length;i++){
171
_2a[i].value=_29;
172
_25.model.onChange(_2a[i]);
173
}
174
}
175
});
176
this.rootNode.setChildItems([]);
177
},setItem:function(_2e){
178
(this._modelNodeIdMap={})[this.store.getIdentity(_2e)]=[this.rootModelNode];
179
this._modelNodePropMap={};
180
this.rootModelNode.value=_2e;
181
var _2f=this;
182
this.model.getChildren(this.rootModelNode,function(_30){
183
_2f.rootNode.setChildItems(_30);
184
});
185
},refreshItem:function(){
186
this.setItem(this.rootModelNode.value);
187
},_createEditDialog:function(){
188
this._editDialog=new dijit.Dialog({title:"Edit Property",execute:dojo.hitch(this,"_updateItem"),preload:true});
189
this._editDialog.placeAt(dojo.body());
190
this._editDialog.startup();
191
var _31=dojo.doc.createElement("div");
192
var _32=dojo.doc.createElement("label");
193
dojo.attr(_32,"for","property");
194
dojo.style(_32,"fontWeight","bold");
195
dojo.attr(_32,"innerHTML","Property:");
196
_31.appendChild(_32);
197
var _33=new dijit.form.ValidationTextBox({name:"property",value:"",required:true,disabled:true}).placeAt(_31);
198
_31.appendChild(dojo.doc.createElement("br"));
199
_31.appendChild(dojo.doc.createElement("br"));
200
var _34=new dijit.form.RadioButton({name:"itemType",value:"value",onClick:dojo.hitch(this,function(){
201
this._enableFields("value");
202
})}).placeAt(_31);
203
var _35=dojo.doc.createElement("label");
204
dojo.attr(_35,"for","value");
205
dojo.attr(_35,"innerHTML","Value (JSON):");
206
_31.appendChild(_35);
207
var _36=dojo.doc.createElement("div");
208
dojo.addClass(_36,"value");
209
var _37=new dijit.form.Textarea({name:"jsonVal"}).placeAt(_36);
210
_31.appendChild(_36);
211
var _38=new dijit.form.RadioButton({name:"itemType",value:"reference",onClick:dojo.hitch(this,function(){
212
this._enableFields("reference");
213
})}).placeAt(_31);
214
var _39=dojo.doc.createElement("label");
215
dojo.attr(_39,"for","_reference");
216
dojo.attr(_39,"innerHTML","Reference (ID):");
217
_31.appendChild(_39);
218
_31.appendChild(dojo.doc.createElement("br"));
219
var _3a=dojo.doc.createElement("div");
220
dojo.addClass(_3a,"reference");
221
if(this.useSelect){
222
var _3b=new dijit.form.FilteringSelect({name:"_reference",store:this.store,searchAttr:this.refSelectSearchAttr||this.store.getIdentityAttributes()[0],required:false,value:null,pageSize:10}).placeAt(_3a);
223
}else{
224
var _3c=new dijit.form.ValidationTextBox({name:"_reference",value:"",promptMessage:"Enter the ID of the item to reference",isValid:dojo.hitch(this,function(_3d){
225
return true;
226
})}).placeAt(_3a);
227
}
228
_31.appendChild(_3a);
229
_31.appendChild(dojo.doc.createElement("br"));
230
_31.appendChild(dojo.doc.createElement("br"));
231
var _3e=document.createElement("div");
232
_3e.setAttribute("dir","rtl");
233
var _3f=new dijit.form.Button({type:"reset",label:"Cancel"}).placeAt(_3e);
234
_3f.onClick=dojo.hitch(this._editDialog,"onCancel");
235
var _40=new dijit.form.Button({type:"submit",label:"OK"}).placeAt(_3e);
236
_31.appendChild(_3e);
237
this._editDialog.attr("content",_31);
238
},_enableFields:function(_41){
239
switch(_41){
240
case "reference":
241
dojo.query(".value [widgetId]",this._editDialog.containerNode).forEach(function(_42){
242
dijit.getEnclosingWidget(_42).attr("disabled",true);
243
});
244
dojo.query(".reference [widgetId]",this._editDialog.containerNode).forEach(function(_43){
245
dijit.getEnclosingWidget(_43).attr("disabled",false);
246
});
247
break;
248
case "value":
249
dojo.query(".value [widgetId]",this._editDialog.containerNode).forEach(function(_44){
250
dijit.getEnclosingWidget(_44).attr("disabled",false);
251
});
252
dojo.query(".reference [widgetId]",this._editDialog.containerNode).forEach(function(_45){
253
dijit.getEnclosingWidget(_45).attr("disabled",true);
254
});
255
break;
256
}
257
},_updateItem:function(_46){
258
var _47,_48,val,_49,_4a=this._editDialog.attr("title")=="Edit Property";
259
var _4b=this._editDialog;
260
var _4c=this.store;
261
function _4d(){
262
try{
263
var _4e,_4f=[];
264
var _50=_46.property;
265
if(_4a){
266
while(!_4c.isItem(_48.parent,true)){
267
_47=_47.getParent();
268
_4f.push(_48.property);
269
_48=_47.item;
270
}
271
if(_4f.length==0){
272
_4c.setValue(_48.parent,_48.property,val);
273
}else{
274
_49=_1(_4c,_48.parent,_48.property);
275
if(_49 instanceof Array){
276
_49=_49.concat();
277
}
278
_4e=_49;
279
while(_4f.length>1){
280
_4e=_4e[_4f.pop()];
281
}
282
_4e[_4f]=val;
283
_4c.setValue(_48.parent,_48.property,_49);
284
}
285
}else{
286
if(_4c.isItem(_51,true)){
287
if(!_4c.isItemLoaded(_51)){
288
_4c.loadItem({item:_51,onItem:function(_52){
289
if(_52 instanceof Array){
290
_50=_52.length;
291
}
292
_4c.setValue(_52,_50,val);
293
}});
294
}else{
295
if(_51 instanceof Array){
296
_50=_51.length;
297
}
298
_4c.setValue(_51,_50,val);
299
}
300
}else{
301
if(_48.value instanceof Array){
302
_4f.push(_48.value.length);
303
}else{
304
_4f.push(_46.property);
305
}
306
while(!_4c.isItem(_48.parent,true)){
307
_47=_47.getParent();
308
_4f.push(_48.property);
309
_48=_47.item;
310
}
311
_49=_1(_4c,_48.parent,_48.property);
312
_4e=_49;
313
while(_4f.length>1){
314
_4e=_4e[_4f.pop()];
315
}
316
_4e[_4f]=val;
317
_4c.setValue(_48.parent,_48.property,_49);
318
}
319
}
320
}
321
catch(e){
322
alert(e);
323
}
324
};
325
if(_4b.validate()){
326
_47=this.lastFocused;
327
_48=_47.item;
328
var _51=_48.value;
329
if(_48.addNew){
330
_51=_47.item.parent;
331
_47=_47.getParent();
332
_48=_47.item;
333
}
334
val=null;
335
switch(_46.itemType){
336
case "reference":
337
this.store.fetchItemByIdentity({identity:_46._reference,onItem:function(_53){
338
val=_53;
339
_4d();
340
},onError:function(){
341
alert("The id could not be found");
342
}});
343
break;
344
case "value":
345
var _54=_46.jsonVal;
346
val=dojo.fromJson(_54);
347
if(typeof val=="function"){
348
val.toString=function(){
349
return _54;
350
};
351
}
352
_4d();
353
break;
354
}
355
}else{
356
_4b.show();
357
}
358
},_editProperty:function(){
359
var _55=dojo.mixin({},this.lastFocused.item);
360
if(!this._editDialog){
361
this._createEditDialog();
362
}else{
363
this._editDialog.reset();
364
}
365
if(dojo.indexOf(this.store.getIdentityAttributes(),_55.property)>=0){
366
alert("Cannot Edit an Identifier!");
367
}else{
368
this._editDialog.attr("title","Edit Property");
369
dijit.getEnclosingWidget(dojo.query("input",this._editDialog.containerNode)[0]).attr("disabled",true);
370
if(this.store.isItem(_55.value,true)){
371
if(_55.parent){
372
_55.itemType="reference";
373
this._enableFields(_55.itemType);
374
_55._reference=this.store.getIdentity(_55.value);
375
this._editDialog.attr("value",_55);
376
this._editDialog.show();
377
}
378
}else{
379
if(_55.value&&typeof _55.value=="object"&&!(_55.value instanceof Date)){
380
}else{
381
_55.itemType="value";
382
this._enableFields(_55.itemType);
383
_55.jsonVal=typeof _55.value=="function"?_55.value.toString():_55.value instanceof Date?"new Date(\""+_55.value+"\")":dojo.toJson(_55.value);
384
this._editDialog.attr("value",_55);
385
this._editDialog.show();
386
}
387
}
388
}
389
},_destroyProperty:function(){
390
var _56=this.lastFocused;
391
var _57=_56.item;
392
var _58=[];
393
while(!this.store.isItem(_57.parent,true)||_57.parent instanceof Array){
394
_56=_56.getParent();
395
_58.push(_57.property);
396
_57=_56.item;
397
}
398
if(dojo.indexOf(this.store.getIdentityAttributes(),_57.property)>=0){
399
alert("Cannot Delete an Identifier!");
400
}else{
401
try{
402
if(_58.length>0){
403
var _59,_5a=_1(this.store,_57.parent,_57.property);
404
_59=_5a;
405
while(_58.length>1){
406
_59=_59[_58.pop()];
407
}
408
if(dojo.isArray(_59)){
409
_59.splice(_58,1);
410
}else{
411
delete _59[_58];
412
}
413
this.store.setValue(_57.parent,_57.property,_5a);
414
}else{
415
this.store.unsetAttribute(_57.parent,_57.property);
416
}
417
}
418
catch(e){
419
alert(e);
420
}
421
}
422
},_addProperty:function(){
423
var _5b=this.lastFocused.item;
424
var _5c=_5b.value;
425
var _5d=dojo.hitch(this,function(){
426
var _5e=null;
427
if(!this._editDialog){
428
this._createEditDialog();
429
}else{
430
this._editDialog.reset();
431
}
432
if(_5c instanceof Array){
433
_5e=_5c.length;
434
dijit.getEnclosingWidget(dojo.query("input",this._editDialog.containerNode)[0]).attr("disabled",true);
435
}else{
436
dijit.getEnclosingWidget(dojo.query("input",this._editDialog.containerNode)[0]).attr("disabled",false);
437
}
438
this._editDialog.attr("title","Add Property");
439
this._enableFields("value");
440
this._editDialog.attr("value",{itemType:"value",property:_5e});
441
this._editDialog.show();
442
});
443
if(_5b.addNew){
444
_5b=this.lastFocused.getParent().item;
445
_5c=this.lastFocused.item.parent;
446
}
447
if(_5b.property&&dojo.indexOf(this.store.getIdentityAttributes(),_5b.property)>=0){
448
alert("Cannot add properties to an ID node!");
449
}else{
450
if(this.store.isItem(_5c,true)&&!this.store.isItemLoaded(_5c)){
451
this.store.loadItem({item:_5c,onItem:function(_5f){
452
_5c=_5f;
453
_5d();
454
}});
455
}else{
456
_5d();
457
}
458
}
459
}});
460
})();
461
}