//<script type="text/javascript">
+var MODULE = { isBuilder : true };
+// BC
+var _this = MODULE;
+
+// the apprenderer.
Builder = {
- render : function(data)
+ scriptTag : false,
+
+ id : 1,
+
+ render : function(data, clsname)
{
+ // for debugging
+ // console.log(data); return;
+ //Roo.log(data);
+ //Roo.log(data);
+ // This would be alot simpler if we just use the XComponent code...
+ // data should now be dialog or xcomponent..
+ // only snag here is that we do not know the name currently..
+ //Roo.log(clsname);
+ var ix = '_src_' + this.id++;
+ // should replace module name with Builder._src_{id}
+ data = data.replace(clsname, 'Builder.' + ix);
+ // next.. we need to ensure that parent is set correctly..
+ // done by sender... otherwise building becomes difficult..
+ //data += "\n" + 'Builder.' + ix + ".parent = '#renderel';\n";
+
+ //Roo.log(data);return;
+ //Roo.log(data);
+ if (this.scriptTag) {
+ document.body.removeChild(this.scriptTag);
+ this.scriptTag = false;
+ }
+
+ this.scriptTag = document.body.appendChild(document.createElement('script'));
+ this.scriptTag.setAttribute('type','text/javascript');
+
+ this.id++;
+ this.scriptTag.appendChild(
+ document.createTextNode(
+ data
+ ));
- this.tree = data;
+ //Roo.log(this.tree);
+ MODULE = { isBuilder : true };
+ _this = MODULE;
if (!Builder.click) {
Builder.click= Roo.get(document.body).on('click', this.onclick, this);
-
}
+ Roo.log('Builder.'+ ix);
+ Roo.XComponent.build();
+ return;
- this.redraw(false);
+ return;
+ var wait_for_tree = function() {
+
+ Builder.tree = Builder[ix];
+ if (!Builder.tree) {
+ Roo.log("Wating for tree : " + ix);
+ wait_for_tree.defer(100);
+ return;
+ }
+ Builder.redraw(false);
+ }
+ wait_for_tree.defer(100);
},
+
tree : {},
renderObj : { isBuilder : true },
dialogroot : false,
} catch( e) {
console.log(e);
- console.log(JSON.stringify(e));
+ console.log(JSON.(e));
// reload!!?
}
this.munge(cfg);
+ this.cfg = cfg;
//console.log(this.dump(cfg));
// we draw either a dialog or a tab..
id : cfg.id
});
- this.dialog = new Roo[cfg.xtype](this.dialogroot, cfg);
+
+ MODULE.dialog = new Roo[cfg.xtype](this.dialogroot, cfg);
//this.dialog.el.on('click', this.panelClick, this);
- this.dialog.show();
+ MODULE.dialog.show();
return;
}
}
try {
console.log("ADDING CFG");
+ console.log(cfg)
this.layoutbase.addxtype( cfg );
} catch (e) {
- console.log("GOT ERROR?");
+ console.log("GOT ERROR? - saved in Builder.lastError");
+ Builder.lastError = e;
console.log(e);
console.log(typeof(e));
console.log(this.dump(e));
+ console.trace();
}
if (!cfg.id) {
this.dump(cfg);
}
+
//console.log(cfg.xtype + ': ' + cfg.id);
if (cfg.items) {
delete cfg[p];
continue;
}
+ var pp = p.charAt(0) == '|' ? p.substring(1) : p;
try {
+
+
var _tmp = false;
- var _this = this.renderObj; /// fake '_this' object..
+ /** eval:var:MOUDULE **/
/** eval:var:_this **/
/** eval:var:_tmp **/
// stupid IE can not return objects evaluated..
+ // console.log('_tmp =(' + cfg[p] + ')');
eval('_tmp =(' + cfg[p] + ')');
- cfg[isListener ? p : p.substr(1)] = _tmp;
+ cfg[pp] = _tmp;
+
//if (typeof(_tmp) == 'undefined') {
// alert(cfg[p]);
// }
} catch(e) {
- console.log('Error evaluating: ' + cfg[p] + "\r\n" + JSON.stringify(e));
+ console.log('Error evaluating: ' + cfg[p] + "\r\n" + JSON.(e));
};
- delete cfg[p];
+ if (pp != p) {
+ delete cfg[p];
+ }
+
continue;
throw "Invalid Xtype " + cfg.xtype + ' on ' + cfg.xtreepath;
}
}
-
+ if (!isListener) {
+ cfg.listeners = cfg.listeners || {};
+ }
// we can overlay some event handlers here..
- cfg.listeners = cfg.listeners || {};
+
//console.log('xtype' + xtype)
switch(xtype) {
// now for all the children.. (items)
if (xitems === false) {
+
return;
}
cfg.items = [];
var xi = xitems[i];
if (typeof(xi['*prop']) != 'undefined') {
- console.log('adding prop:' + xi['*prop']);
+ //console.log('adding prop:' + xi['*prop']);
var pr = xi['*prop'];
this.munge(xi);
// if prop is an array - then it's items are really the value..
if (pr.match(/\[\]$/)) {
- console.log('adding array?:' + pr);
+ //console.log('adding array?:' + pr);
pr = pr.replace(/\[\]$/, '');
cfg[pr] = cfg[pr] || [];
cfg[pr].push(xi);
if (xi.xtype && xi.xtype == 'Array') {
cfg[pr] = xi.items;
} else {
- console.log('setting property:' + pr);
+ //console.log('setting property:' + pr);
cfg[pr] = xi;
}
if (cfg.items.length == 0) {
delete cfg.items;
}
-
+ console.log(cfg);
},
}
// needs fixing..
if (ftg.dom.className.match(/[0-9]+/)) {
- console.log(ftg.dom.className);
+ //console.log(ftg.dom.className);
var cmat = ftg.dom.className.match(/x-grid-hd-builder-(form-gen-[0-9:]+)/);
if (cmat) {
this[method]( cmat[1] );