// make a container..
var treei = tree.cn[i];
var ctree = {
- title : treei.name,
- xtype : 'Container',
- panel : 'info',
+
+ xtype : 'Column',
xns : Roo.bootstrap,
- md:3,
- items : []
+ md:4,
+ sm : 6,
+ items : [ {
+ header : treei.name,
+ xtype : 'Container',
+ panel : 'info',
+ xns : Roo.bootstrap,
+ items : []
+ }]
};
- for(var i = 0; i < treei.cn.length; i++) {
+ for(var ii = 0; ii < treei.cn.length; ii++) {
+ var treeii = treei.cn[ii];
// another container..
- var ctreei = {
- title : treei.name,
- xtype : 'Container',
- panel : 'primary',
- xns : Roo.bootstrap,
- md:3,
- items : [
-
- xtype : 'Element',
- tag :'ul',
-
- xns : Roo.bootstrap,
- items : []
-
- ];
+ var ctreei = {
+ header : treeii.name,
+ xtype : 'Container',
+ panel : 'primary',
+ xns : Roo.bootstrap,
+
+ items : [
+ {
+ xtype : 'Element',
+ tag :'ul',
+
+ xns : Roo.bootstrap,
+ items : []
+ }
+ ]
+ };
+ ctree.items[0].items.push(ctreei);
+ for(var iii = 0; iii < treeii.cn.length; iii++) {
+ var treeiii = treeii.cn[iii];
+ var ll = treeiii.name.match(/^(\S+)\s*(.*)/);
+
+
+ ctreeii = {
+ xtype : 'Element',
+ tag :'li',
+ xns : Roo.bootstrap,
+ items : [
+ {
+ xtype : 'Link',
+ href : '#' + ( ll ? ll[1] : treeiii.name ) ,
+ html : ll ? ll[1] : treeiii.name,
+ xns : Roo.bootstrap
+ },
+ {
+ xtype : 'Element',
+ type : 'span',
+ html : ll ? ll[2] : '',
+ xns : Roo.bootstrap
+ }
+ ]
+
+
+
};
- ctree.items[0].push(ctreei);
+ ctreei.items.push(ctreeii);
+
+ }
+
+ }
+
+
+
Roo.docs.introBody.addxtypeChild(ctree);