render : function(data)
{
+
this.tree = data;
if (!Builder.click) {
this.dialogroot = false;
}
if (this.layoutbase) {
- this.layoutbase.remove();
- this.layoutbase= false;
+ //console.log(Builder.dump(this.layoutbase.el));
+
+
+ try {
+ var pan = this.layoutbase.getRegion('center').getPanel(0);
+ if (pan) {
+ this.layoutbase.remove('center', pan);
+ }
+
+
+ } catch( e) {
+ console.log(e);
+ console.log(JSON.stringify(e));
+ // reload!!?
+ }
+
+
+
+ //this.layoutbase= false;
}
},
+
redraw: function(isAuto)
{
this.munge(cfg);
-
+ console.log(this.dump(cfg));
// we draw either a dialog or a tab..
if (cfg.xtype == 'LayoutDialog') {
this.dialogroot = Roo.get( document.body).createChild({
id : cfg.id
});
-
+
this.dialog = new Roo[cfg.xtype](this.dialogroot, cfg);
//this.dialog.el.on('click', this.panelClick, this);
this.dialog.show();
// force center region..
cfg.region = 'center';
cfg.background = false;
- this.layoutbase = new Ext.BorderLayout(document.body, {
-
- center: {
- titlebar: false,
- autoScroll:false,
- closeOnTab: true,
- tabPosition: 'top',
- //resizeTabs: true,
- alwaysShowTabs: true,
- minTabWidth: 140
- }
- });
-
- this.layoutbase.addxtype( cfg );
-
+ if (!this.layoutbase) {
+
+ this.layoutbase = new Ext.BorderLayout(document.body, {
+
+ center: {
+ titlebar: false,
+ autoScroll:false,
+ closeOnTab: true,
+ tabPosition: 'top',
+ //resizeTabs: true,
+ alwaysShowTabs: true,
+ minTabWidth: 140
+ }
+ });
+ }
+ try {
+ console.log("ADDING CFG");
+ this.layoutbase.addxtype( cfg );
+ } catch (e) {
+ console.log("GOT ERROR?");
+ console.log(e);
+ console.log(JSON.stringify(e));
+ }
},
// alert(cfg[p]);
// }
- } catch(e) { console.log('Error evaluating: ' + cfg[p]); };
+ } catch(e) {
+ console.log('Error evaluating: ' + cfg[p] + "\r\n" + JSON.stringify(e));
+ };
delete cfg[p];
}
+ if (cfg.xtype && cfg.xtype.match(/^Roo\./) && !cfg.xns) {
+ // xtype contains full path..
+ var bits = cfg.xtype.split('.');
+ bits.shift(); // remove roo..
+ cfg.xtype = bits.pop(); // get the last bit..
+ cfg.xns = Roo;
+ while (bits.length) {
+ cfg.xns = cfg.xns[bits.shift()];
+ }
+
+ }
+
// we can overlay some event handlers here..
cfg.listeners = cfg.listeners || {};
- console.log('xtype' + xtype)
+ //console.log('xtype' + xtype)
switch(xtype) {
case 'Roo.LayoutDialog':
cfg.listeners.resize = function(dlg, w,h)
var xi = xitems[i];
if (typeof(xi['*prop']) != 'undefined') {
+ 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);
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);
cfg[pr] = xi;
}
dump : function (arr,level) {
var dumped_text = "";
if(!level) level = 0;
- if (level > 5) {
+ if (level > 3) {
return '... TO DEEP ...';
}
//The padding given at the beginning of the line.
if(typeof(arr) == 'object') { //Array/Hashes/Objects
for(var item in arr) {
- var value = arr[item];
+ var value = arr[item];
+ if (item == 'xns') {
+ continue;
+ }
if(typeof(value) == 'function') { //If it is an array,
// fake dump...
dumped_text += level_padding + "'" + item + "' : function() { ... },\n";
return true;
}
// needs fixing..
- 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] );
- return true;
+ if (ftg.dom.className.match(/[0-9]+/)) {
+ 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] );
+ return true;
+ }
}
+
+
+
return false;
},