roojs-bootstrap.js

roojs-bootstrap-debug.js
Roo/bootstrap/Table.js
docs/Roo.docs.bjs
docs/Roo.docs.js

diff --git a/docs/Roo.docs.bjs b/docs/Roo.docs.bjs
index a43d1a2..941a59f 100644 (file)
--- a/docs/Roo.docs.bjs
+++ b/docs/Roo.docs.bjs
@@ -294,6 +294,7 @@
          },
          "boolean striped" : true,
          "xtype" : "Table",
+         "boolean responsive" : true,
          "Boolean rowSelection" : true,
          "$ xns" : "Roo.bootstrap",
          "items" : [
@@ -356,6 +357,7 @@
           "rowclick" : "function (_self, el, rowIndex, e)\n{\n      if (e.target.className != 'fixedFont' && e.target.parentNode.className != 'fixedFont') {\n        return false;\n    }\n     var r = this.store.getAt(rowIndex);\n    r.json.expanded = !r.json.expanded ;\n    this.refreshRow(r);\n}"
          },
          "xtype" : "Table",
+         "boolean responsive" : true,
          "Boolean rowSelection" : true,
          "$ xns" : "Roo.bootstrap",
          "items" : [
@@ -420,6 +422,7 @@
           "rowclick" : "function (_self, el, rowIndex, e)\n{\n        if (e.target.className != 'fixedFont' && e.target.parentNode.className != 'fixedFont') {\n        return false;\n    }\n    var r = this.store.getAt(rowIndex);\n    r.json.expanded = !r.json.expanded ;\n    this.refreshRow(r);\n}"
          },
          "xtype" : "Table",
+         "boolean responsive" : true,
          "Boolean rowSelection" : true,
          "$ xns" : "Roo.bootstrap",
          "items" : [

diff --git a/docs/Roo.docs.js b/docs/Roo.docs.js
index 0f5f7d8..572ef5b 100644 (file)
--- a/docs/Roo.docs.js
+++ b/docs/Roo.docs.js
@@ -552,6 +552,7 @@ Roo.docs = new Roo.XComponent({
        items  : [
         {
          xtype : 'Table',
+         responsive : true,
          rowSelection : true,
          striped : true,
          listeners : {
@@ -646,6 +647,7 @@ Roo.docs = new Roo.XComponent({
        items  : [
         {
          xtype : 'Table',
+         responsive : true,
          rowSelection : true,
          listeners : {
           render : function (_self)
@@ -741,6 +743,7 @@ Roo.docs = new Roo.XComponent({
        items  : [
         {
          xtype : 'Table',
+         responsive : true,
          rowSelection : true,
          listeners : {
           render : function (_self)

diff --git a/roojs-bootstrap-debug.js b/roojs-bootstrap-debug.js
index 2b0149b..4e8f3a5 100644 (file)
--- a/roojs-bootstrap-debug.js
+++ b/roojs-bootstrap-debug.js
@@ -10172,6 +10172,8 @@ Roo.extend(Roo.bootstrap.Table, Roo.bootstrap.Component,  {
     
     onHiddenChange : function(colModel, colIndex, hidden)
     {
+        /*
+        this.cm.setHidden()
         var thSelector = '#' + this.id + ' .x-hcol-' + colIndex;
         var tdSelector = '#' + this.id + ' .x-col-' + colIndex;
         
@@ -10182,7 +10184,8 @@ Roo.extend(Roo.bootstrap.Table, Roo.bootstrap.Component,  {
             this.CSS.updateRule(thSelector, "display", "none");
             this.CSS.updateRule(tdSelector, "display", "none");
         }
-        
+        */
+        // onload calls initCSS()
         this.onHeaderChange();
         this.onLoad();
     },

diff --git a/roojs-bootstrap.js b/roojs-bootstrap.js
index 3d7d55e..a036e65 100644 (file)
--- a/roojs-bootstrap.js
+++ b/roojs-bootstrap.js
@@ -419,9 +419,8 @@ if(C){C.setWidth(A.getWidth());var E=(C.dom.offsetWidth-C.dom.clientWidth);cw-=E
 );}if(this.lazyLoad){var A=this.bodyEl.dom.scrollHeight;var B=Math.ceil(this.bodyEl.getScroll().top);var C=this.bodyEl.getHeight();if(A-C==B){var D=this.ds.getTotalCount();if(this.footer.cursor+this.footer.pageSize<D){this.footer.ds.load({params:{start:this.footer.cursor+this.footer.pageSize,limit:this.footer.pageSize}
 ,add:true});}}}},onColumnSplitterMoved:function(i,A){this.userResized=true;var cm=this.colModel;var w=this.getHeaderIndex(i).getWidth()+A;cm.setColumnWidth(i,w,true);this.initCSS();this.fireEvent("columnresize",i,w);},onHeaderChange:function(){var A=this.renderHeader();
 var B=this.el.select('table',true).first();this.headEl.remove();this.headEl=B.createChild(A,this.bodyEl,false);Roo.each(this.el.select('thead th.sortable',true).elements,function(e){e.on('click',this.sort,this);},this);if(this.enableColumnResize!==false&&Roo.grid.SplitDragZone){new Roo.grid.SplitDragZone(this,this.headEl.dom,false);
-}},onHiddenChange:function(A,B,C){var D='#'+this.id+' .x-hcol-'+B;var E='#'+this.id+' .x-col-'+B;this.CSS.updateRule(D,"display","");this.CSS.updateRule(E,"display","");if(C){this.CSS.updateRule(D,"display","none");this.CSS.updateRule(E,"display","none");
-}this.onHeaderChange();this.onLoad();},setColumnWidth:function(A,B){if(!this.colModel.config[A]){return;}var w=B.split(" ");var C=this.el.dom.getElementsByClassName("x-col-"+A);var D=this.el.dom.getElementsByClassName("x-hcol-"+A);for(var j=0;j<w.length;j++){if(!w[j]){continue;
-}var E=w[j].split("-");if(!Number.isInteger(E[1]*1)){continue;}if(!this.colModel.config[A][E[0]]){continue;}if(!D[0].classList.contains("col-"+E[0]+"-"+this.colModel.config[A][E[0]])){continue;}D[0].classList.replace("col-"+E[0]+"-"+this.colModel.config[A][E[0]],"col-"+E[0]+"-"+E[1]);
+}},onHiddenChange:function(A,B,C){this.onHeaderChange();this.onLoad();},setColumnWidth:function(A,B){if(!this.colModel.config[A]){return;}var w=B.split(" ");var C=this.el.dom.getElementsByClassName("x-col-"+A);var D=this.el.dom.getElementsByClassName("x-hcol-"+A);
+for(var j=0;j<w.length;j++){if(!w[j]){continue;}var E=w[j].split("-");if(!Number.isInteger(E[1]*1)){continue;}if(!this.colModel.config[A][E[0]]){continue;}if(!D[0].classList.contains("col-"+E[0]+"-"+this.colModel.config[A][E[0]])){continue;}D[0].classList.replace("col-"+E[0]+"-"+this.colModel.config[A][E[0]],"col-"+E[0]+"-"+E[1]);
 for(var i=0;i<C.length;i++){var E=w[j].split("-");if(!Number.isInteger(E[1]*1)){continue;}if(!this.colModel.config[A][E[0]]){continue;}if(!C[i].classList.contains("col-"+E[0]+"-"+this.colModel.config[A][E[0]])){continue;}C[i].classList.replace("col-"+E[0]+"-"+this.colModel.config[A][E[0]],"col-"+E[0]+"-"+E[1]);
 }this.colModel.config[A][E[0]]=E[1];}}});Roo.bootstrap.Table.cellRE=/(?:.*?)x-grid-(?:hd|cell|split)-([\d]+)(?:.*?)/;Roo.bootstrap.Table.AbstractSelectionModel=Roo.grid.AbstractSelectionModel;Roo.bootstrap.Table.RowSelectionModel=Roo.grid.RowSelectionModel;