sync

diff --git a/Roo/grid/SplitDragZone.js b/Roo/grid/SplitDragZone.js
index d411c00..72b42f4 100644 (file)
--- a/Roo/grid/SplitDragZone.js
+++ b/Roo/grid/SplitDragZone.js
@@ -43,8 +43,25 @@ Roo.extend(Roo.grid.SplitDragZone, Roo.dd.DDProxy, {
 
     b4StartDrag : function(x, y){
         this.view.headersDisabled = true;
-        this.proxy.setHeight(this.view.mainWrap.getHeight());
+        var h = this.view.mainWrap ? this.view.mainWrap.getHeight() : (
+                    this.view.headEl.getHeight() + this.view.bodyEl.getHeight()
+        );
+        this.proxy.setHeight(h);
+        
+        // for old system colWidth really stored the actual width?
+        // in bootstrap we tried using xs/ms/etc.. to do % sizing?
+        // which in reality did not work.. - it worked only for fixed sizes
+        // for resizable we need to use actual sizes.
         var w = this.cm.getColumnWidth(this.cellIndex);
+        if (!this.view.mainWrap) {
+            // bootstrap.
+            w = this.view.getHeaderIndex(this.celIndex).getWidth();
+        }
+        
+        
+        
+        // this was w-this.grid.minColumnWidth;
+        // doesnt really make sense? - w = thie curren width or the rendered one?
         var minw = Math.max(w-this.grid.minColumnWidth, 0);
         this.resetConstraints();
         this.setXConstraint(minw, 1000);
@@ -52,6 +69,10 @@ Roo.extend(Roo.grid.SplitDragZone, Roo.dd.DDProxy, {
         this.minX = x - minw;
         this.maxX = x + 1000;
         this.startPos = x;
+        if (!this.view.mainWrap) { // this is Bootstrap code..
+            this.getDragEl().style.display='block';
+        }
+        
         Roo.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
     },
 

diff --git a/docs/json/roodata.json b/docs/json/roodata.json
index 01e07f6..57f4216 100644 (file)
--- a/docs/json/roodata.json
+++ b/docs/json/roodata.json
@@ -56275,6 +56275,12 @@
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "enableColumnResize",
+        "type" : "Boolean",
+        "desc" : "default true if columns can be resized (drag/drop)",
+        "memberOf" : ""
+      },
       {
         "name" : "footer",
         "type" : "Roo.bootstrap.PagingToolbar",
@@ -56335,6 +56341,12 @@
         ],
         "memberOf" : ""
       },
+      {
+        "name" : "minColumnWidth",
+        "type" : "Number",
+        "desc" : "default 10 pixels minimum column width",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
@@ -56686,6 +56698,14 @@
         "static" : false,
         "memberOf" : ""
       },
+      {
+        "name" : "getCellIndex",
+        "type" : "function",
+        "desc" : "get the Column Index from a dom element. (using regex on x-hcol-{colid})",
+        "sig" : "(cell)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
@@ -56710,6 +56730,14 @@
         "static" : false,
         "memberOf" : ""
       },
+      {
+        "name" : "getHeaderIndex",
+        "type" : "function",
+        "desc" : "get the header TH element for columnIndex",
+        "sig" : "(columnIndex)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getId",
         "type" : "function",
@@ -56718,6 +56746,14 @@
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getRowIndex",
+        "type" : "function",
+        "desc" : "get the Row Index from a dom element.",
+        "sig" : "(row)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",

diff --git a/docs/src/Roo_bootstrap_Table.js.html b/docs/src/Roo_bootstrap_Table.js.html
index 88d6a04..c0a17dd 100644 (file)
--- a/docs/src/Roo_bootstrap_Table.js.html
+++ b/docs/src/Roo_bootstrap_Table.js.html
@@ -84,7 +84,8 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
  * @cfg {Roo.bootstrap.PagingToolbar} footer  a paging toolbar
  * @cfg {Boolean} lazyLoad  auto load data while scrolling to the end (default false)
  * @cfg {Boolean} auto_hide_footer  auto hide footer if only one page (default false)
- 
+ * @cfg {Boolean} enableColumnResize default true if columns can be resized (drag/drop)
+ * @cfg {Number} minColumnWidth default 10 pixels minimum column width 
  * 
  * @constructor
  * Create a new Table
@@ -257,15 +258,20 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
     </span><span class="jsdoc-var">loadMask </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
     </span><span class="jsdoc-var">footerShow </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
     </span><span class="jsdoc-var">headerShow </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
+    </span><span class="jsdoc-var">enableColumnResize</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 
     </span><span class="jsdoc-var">rowSelection </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
     </span><span class="jsdoc-var">cellSelection </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
     </span><span class="jsdoc-var">layout </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
 
-    </span><span class="jsdoc-comment">// Roo.Element - the tbody
-    </span><span class="jsdoc-var">bodyEl</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-comment">// &lt;tbody&gt; Roo.Element - thead element
+    </span><span class="jsdoc-var">minColumnWidth </span><span class="jsdoc-syntax">: 10,
 
+    </span><span class="jsdoc-comment">// Roo.Element - the tbody
+    </span><span class="jsdoc-var">bodyEl</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-comment">// &lt;tbody&gt; Roo.Element - thead element    
     </span><span class="jsdoc-var">headEl</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-comment">// &lt;thead&gt; Roo.Element - thead element
+    </span><span class="jsdoc-var">resizeProxy </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-comment">// proxy element for dragging?
+
+
 
     </span><span class="jsdoc-var">container</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-comment">// used by gridpanel...
 
@@ -396,7 +402,11 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
         </span><span class="jsdoc-comment">// guessing mainbody will work - this relays usually caught by selmodel at present.
         </span><span class="jsdoc-var">this.relayEvents</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bodyEl</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-string">&quot;mousedown&quot;</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">&quot;mouseup&quot;</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">&quot;mouseover&quot;</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">&quot;mouseout&quot;</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">&quot;keypress&quot;</span><span class="jsdoc-syntax">]);
 
-        </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.enableColumnResize </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">false </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">Roo.grid.SplitDragZone</span><span class="jsdoc-syntax">){
+
+        </span><span class="jsdoc-var">this.resizeProxy </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">document.body</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.createChild</span><span class="jsdoc-syntax">({ </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">:</span><span class="jsdoc-string">&quot;x-grid-resize-proxy&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'&amp;#160;' </span><span class="jsdoc-syntax">});
+
+
+        </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.headEl </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">this.enableColumnResize </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">false </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">Roo.grid.SplitDragZone</span><span class="jsdoc-syntax">){
             </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.grid.SplitDragZone</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.headEl.dom</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">); </span><span class="jsdoc-comment">// not sure what 'lockedHd is for this implementation..)
         </span><span class="jsdoc-syntax">}
 
@@ -654,7 +664,7 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hh </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">;
 
             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config.sortable</span><span class="jsdoc-syntax">) != </span><span class="jsdoc-string">'undefined' </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">config.sortable</span><span class="jsdoc-syntax">){
-                </span><span class="jsdoc-var">c.cls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'sortable'</span><span class="jsdoc-syntax">;
+                </span><span class="jsdoc-var">c.cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' sortable'</span><span class="jsdoc-syntax">;
                 </span><span class="jsdoc-var">c.html </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'&lt;i class=&quot;fa&quot;&gt;&lt;/i&gt;' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">c.html</span><span class="jsdoc-syntax">;
             }
 
@@ -714,8 +724,11 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config.cls</span><span class="jsdoc-syntax">) != </span><span class="jsdoc-string">'undefined'</span><span class="jsdoc-syntax">){
                 </span><span class="jsdoc-var">c.cls </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-keyword">typeof</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">c.cls</span><span class="jsdoc-syntax">) == </span><span class="jsdoc-string">'undefined'</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">config.cls </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">c.cls </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">' ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">config.cls</span><span class="jsdoc-syntax">);
             }
+            </span><span class="jsdoc-comment">// this is the bit that doesnt reall work at all...
+
 
-            [</span><span class="jsdoc-string">'xs'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'sm'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'md'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'lg'</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.map</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">){
+
+            </span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">'xs'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'sm'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'md'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'lg'</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.map</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">){
 
                 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">]) == </span><span class="jsdoc-string">'undefined'</span><span class="jsdoc-syntax">){
                     </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
@@ -734,7 +747,10 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
 
             });
             </span><span class="jsdoc-comment">// at the end?
-            </span><span class="jsdoc-var">c.html </span><span class="jsdoc-syntax">+=</span><span class="jsdoc-string">' &lt;span class=&quot;roo-hd-split&quot;&gt;&lt;/span&gt;'</span><span class="jsdoc-syntax">;
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">&gt; 0) {
+                </span><span class="jsdoc-var">c.html </span><span class="jsdoc-syntax">+=</span><span class="jsdoc-string">' &lt;span class=&quot;x-grid-split x-grid-split-' </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">-1) + </span><span class="jsdoc-string">'&quot;&gt;&lt;/span&gt;'</span><span class="jsdoc-syntax">;
+            }
+
 
 
             </span><span class="jsdoc-var">header.cn.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">c</span><span class="jsdoc-syntax">)
@@ -1253,7 +1269,11 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
             })
         }
     },
-
+    </span><span class="jsdoc-comment">/**
+     * get the Row Index from a dom element.
+     * @param {Roo.Element} row The row to look for
+     * @returns {Number} the row
+     */
     </span><span class="jsdoc-var">getRowIndex </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">row</span><span class="jsdoc-syntax">)
     {
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rowIndex </span><span class="jsdoc-syntax">= -1;
@@ -1267,6 +1287,29 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
         });
 
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">rowIndex</span><span class="jsdoc-syntax">;
+    },
+    </span><span class="jsdoc-comment">/**
+     * get the header TH element for columnIndex
+     * @param {Number} columnIndex
+     * @returns {Roo.Element}
+     */
+    </span><span class="jsdoc-var">getHeaderIndex</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">colIndex</span><span class="jsdoc-syntax">)
+    {
+        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cols </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.headEl.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'th'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.elements</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cols</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">colIndex</span><span class="jsdoc-syntax">];
+    },
+    </span><span class="jsdoc-comment">/**
+     * get the Column Index from a dom element. (using regex on x-hcol-{colid})
+     * @param {domElement} cell to look for
+     * @returns {Number} the column
+     */
+    </span><span class="jsdoc-var">getCellIndex </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cell</span><span class="jsdoc-syntax">)
+    {
+        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">id </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">String</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cell.className</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.match</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.Table.cellRE</span><span class="jsdoc-syntax">);
+        </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">id</span><span class="jsdoc-syntax">){
+            </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">id</span><span class="jsdoc-syntax">[1], 10);
+        }
+        </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">0;
     },
      </span><span class="jsdoc-comment">/**
      * Returns the grid's underlying element = used by panel.Grid
@@ -1346,7 +1389,12 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
 
         }
     },
+    </span><span class="jsdoc-var">onColumnSplitterMoved </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+    {
+        </span><span class="jsdoc-comment">// resize it..  
 
+
+    </span><span class="jsdoc-syntax">},
     </span><span class="jsdoc-var">onHeaderChange </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
     {
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">header </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.renderHeader</span><span class="jsdoc-syntax">();
@@ -1453,7 +1501,8 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
     }
 });
 
-
+</span><span class="jsdoc-comment">// currently only used to find the split on drag.. 
+</span><span class="jsdoc-var">Roo.bootstrap.Table.cellRE </span><span class="jsdoc-syntax">= /(?:.*?)x-grid-(?:hd|cell|split)-([\d]+)(?:.*?)/;
 
 </span><span class="jsdoc-comment">/**
  * @depricated

diff --git a/docs/src/Roo_grid_SplitDragZone.js.html b/docs/src/Roo_grid_SplitDragZone.js.html
index 146128d..36ab462 100644 (file)
--- a/docs/src/Roo_grid_SplitDragZone.js.html
+++ b/docs/src/Roo_grid_SplitDragZone.js.html
@@ -43,8 +43,25 @@
 
     </span><span class="jsdoc-var">b4StartDrag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">x</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">y</span><span class="jsdoc-syntax">){
         </span><span class="jsdoc-var">this.view.headersDisabled </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
-        </span><span class="jsdoc-var">this.proxy.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.view.mainWrap.getHeight</span><span class="jsdoc-syntax">());
+        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.view.mainWrap </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.view.mainWrap.getHeight</span><span class="jsdoc-syntax">() : (
+                    </span><span class="jsdoc-var">this.view.headEl.getHeight</span><span class="jsdoc-syntax">() + </span><span class="jsdoc-var">this.view.bodyEl.getHeight</span><span class="jsdoc-syntax">()
+        );
+        </span><span class="jsdoc-var">this.proxy.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">);
+
+        </span><span class="jsdoc-comment">// for old system colWidth really stored the actual width?
+        // in bootstrap we tried using xs/ms/etc.. to do % sizing?
+        // which in reality did not work.. - it worked only for fixed sizes
+        // for resizable we need to use actual sizes.
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.cm.getColumnWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.cellIndex</span><span class="jsdoc-syntax">);
+        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.view.mainWrap</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-comment">// bootstrap.
+            </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.view.getHeaderIndex</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.celIndex</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.getWidth</span><span class="jsdoc-syntax">();
+        }
+
+
+
+        </span><span class="jsdoc-comment">// this was w-this.grid.minColumnWidth;
+        // doesnt really make sense? - w = thie curren width or the rendered one?
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">minw </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">w</span><span class="jsdoc-syntax">-</span><span class="jsdoc-var">this.grid.minColumnWidth</span><span class="jsdoc-syntax">, 0);
         </span><span class="jsdoc-var">this.resetConstraints</span><span class="jsdoc-syntax">();
         </span><span class="jsdoc-var">this.setXConstraint</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">minw</span><span class="jsdoc-syntax">, 1000);
@@ -52,6 +69,10 @@
         </span><span class="jsdoc-var">this.minX </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">x </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">minw</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-var">this.maxX </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">x </span><span class="jsdoc-syntax">+ 1000;
         </span><span class="jsdoc-var">this.startPos </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">x</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.view.mainWrap</span><span class="jsdoc-syntax">) { </span><span class="jsdoc-comment">// this is Bootstrap code..
+            </span><span class="jsdoc-var">this.getDragEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.style.display</span><span class="jsdoc-syntax">=</span><span class="jsdoc-string">'block'</span><span class="jsdoc-syntax">;
+        }
+
         </span><span class="jsdoc-var">Roo.dd.DDProxy.prototype.b4StartDrag.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">x</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">y</span><span class="jsdoc-syntax">);
     },
 

diff --git a/docs/symbols/Roo.bootstrap.Table.json b/docs/symbols/Roo.bootstrap.Table.json
index cc36237..9f4118a 100644 (file)
--- a/docs/symbols/Roo.bootstrap.Table.json
+++ b/docs/symbols/Roo.bootstrap.Table.json
@@ -25,25 +25,41 @@
   "returns" : [],
   "config" : [
     {
-      "name" : "striped",
-      "type" : "boolean",
-      "desc" : "Should the rows be alternative striped",
+      "name" : "footerShow",
+      "type" : "Boolean",
+      "desc" : "generate tfoot, default true",
       "memberOf" : "Roo.bootstrap.Table",
-      "values" : []
+      "values" : [
+        "(true",
+        "false)"
+      ]
     },
     {
-      "name" : "footer",
-      "type" : "Roo.bootstrap.PagingToolbar",
-      "desc" : "a paging toolbar",
+      "name" : "hideMode",
+      "type" : "String",
+      "desc" : "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+      "memberOf" : "Roo.Component",
+      "values" : [
+        "(display",
+        "visibility)"
+      ]
+    },
+    {
+      "name" : "auto_hide_footer",
+      "type" : "Boolean",
+      "desc" : "auto hide footer if only one page (default false)",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "listeners",
-      "type" : "Object",
-      "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-      "memberOf" : "Roo.util.Observable",
-      "values" : []
+      "name" : "scrollBody",
+      "type" : "Boolean",
+      "desc" : "default false - body scrolled / fixed header",
+      "memberOf" : "Roo.bootstrap.Table",
+      "values" : [
+        "(true",
+        "false)"
+      ]
     },
     {
       "name" : "cm[]",
@@ -53,59 +69,60 @@
       "values" : []
     },
     {
-      "name" : "tooltip",
-      "type" : "string",
-      "desc" : "Text for the tooltip",
+      "name" : "xattr",
+      "type" : "Object",
+      "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
       "memberOf" : "Roo.bootstrap.Component",
       "values" : []
     },
     {
-      "name" : "container_method",
+      "name" : "name",
       "type" : "string",
-      "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+      "desc" : "Specifies name attribute",
       "memberOf" : "Roo.bootstrap.Component",
       "values" : []
     },
     {
-      "name" : "visibilityEl",
-      "type" : "string|object",
-      "desc" : "What element to use for visibility (@see getVisibilityEl())",
-      "memberOf" : "Roo.bootstrap.Component",
-      "values" : [
-        "(el",
-        "parent)"
-      ]
+      "name" : "minColumnWidth",
+      "type" : "Number",
+      "desc" : "default 10 pixels minimum column width",
+      "memberOf" : "Roo.bootstrap.Table",
+      "values" : []
     },
     {
-      "name" : "condensed",
+      "name" : "bordered",
       "type" : "boolean",
-      "desc" : "Format condensed",
+      "desc" : "Add borders to the table",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "auto_hide_footer",
-      "type" : "Boolean",
-      "desc" : "auto hide footer if only one page (default false)",
-      "memberOf" : "Roo.bootstrap.Table",
+      "name" : "tooltip",
+      "type" : "string",
+      "desc" : "Text for the tooltip",
+      "memberOf" : "Roo.bootstrap.Component",
       "values" : []
     },
     {
-      "name" : "can_build_overlaid",
+      "name" : "allowDomMove",
       "type" : "Boolean",
-      "desc" : "True if element can be rebuild from a HTML page",
-      "memberOf" : "Roo.bootstrap.Component",
+      "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+      "memberOf" : "Roo.Component",
       "values" : []
     },
     {
-      "name" : "hideMode",
+      "name" : "condensed",
+      "type" : "boolean",
+      "desc" : "Format condensed",
+      "memberOf" : "Roo.bootstrap.Table",
+      "values" : []
+    },
+    {
+      "name" : "style",
       "type" : "String",
-      "desc" : "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-      "memberOf" : "Roo.Component",
-      "values" : [
-        "(display",
-        "visibility)"
-      ]
+      "desc" : "any extra css",
+      "memberOf" : "Roo.bootstrap.Component",
+      "values" : []
     },
     {
       "name" : "store",
@@ -115,75 +132,75 @@
       "values" : []
     },
     {
-      "name" : "lazyLoad",
+      "name" : "cellSelection",
       "type" : "Boolean",
-      "desc" : "auto load data while scrolling to the end (default false)",
+      "desc" : "default false",
       "memberOf" : "Roo.bootstrap.Table",
-      "values" : []
+      "values" : [
+        "(true",
+        "false)"
+      ]
     },
     {
-      "name" : "style",
+      "name" : "actionMode",
       "type" : "String",
-      "desc" : "any extra css",
-      "memberOf" : "Roo.bootstrap.Component",
+      "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+      "memberOf" : "Roo.Component",
       "values" : []
     },
     {
-      "name" : "allowDomMove",
-      "type" : "Boolean",
-      "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-      "memberOf" : "Roo.Component",
+      "name" : "sm",
+      "type" : "Roo.grid.RowSelectionModel|Roo.grid.CellSelectionModel",
+      "desc" : "The selection model to use (cell selection is not supported yet)",
+      "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "cls",
-      "type" : "String",
-      "desc" : "table class",
-      "memberOf" : "Roo.bootstrap.Table",
+      "name" : "listeners",
+      "type" : "Object",
+      "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+      "memberOf" : "Roo.util.Observable",
       "values" : []
     },
     {
-      "name" : "hover",
+      "name" : "striped",
       "type" : "boolean",
-      "desc" : "Add hover highlighting",
+      "desc" : "Should the rows be alternative striped",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "responsive",
-      "type" : "boolean",
-      "desc" : "Format condensed",
-      "memberOf" : "Roo.bootstrap.Table",
+      "name" : "container_method",
+      "type" : "string",
+      "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+      "memberOf" : "Roo.bootstrap.Component",
       "values" : []
     },
     {
-      "name" : "loadMask",
+      "name" : "lazyLoad",
       "type" : "Boolean",
-      "desc" : "default false",
+      "desc" : "auto load data while scrolling to the end (default false)",
       "memberOf" : "Roo.bootstrap.Table",
-      "values" : [
-        "(true",
-        "false)"
-      ]
+      "values" : []
     },
     {
-      "name" : "xattr",
-      "type" : "Object",
-      "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-      "memberOf" : "Roo.bootstrap.Component",
+      "name" : "footer",
+      "type" : "Roo.bootstrap.PagingToolbar",
+      "desc" : "a paging toolbar",
+      "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "actionMode",
+      "name" : "cls",
       "type" : "String",
-      "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-      "memberOf" : "Roo.Component",
+      "desc" : "table class",
+      "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "cellSelection",
+      "name" : "headerShow",
       "type" : "Boolean",
-      "desc" : "default false",
+      "desc" : "generate thead, default true",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : [
         "(true",
@@ -191,9 +208,9 @@
       ]
     },
     {
-      "name" : "scrollBody",
+      "name" : "loadMask",
       "type" : "Boolean",
-      "desc" : "default false - body scrolled / fixed header",
+      "desc" : "default false",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : [
         "(true",
@@ -201,26 +218,16 @@
       ]
     },
     {
-      "name" : "dataId",
-      "type" : "string",
-      "desc" : "cutomer id",
-      "memberOf" : "Roo.bootstrap.Component",
+      "name" : "hover",
+      "type" : "boolean",
+      "desc" : "Add hover highlighting",
+      "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "rowSelection",
+      "name" : "can_build_overlaid",
       "type" : "Boolean",
-      "desc" : "default false",
-      "memberOf" : "Roo.bootstrap.Table",
-      "values" : [
-        "(true",
-        "false)"
-      ]
-    },
-    {
-      "name" : "name",
-      "type" : "string",
-      "desc" : "Specifies name attribute",
+      "desc" : "True if element can be rebuild from a HTML page",
       "memberOf" : "Roo.bootstrap.Component",
       "values" : []
     },
@@ -232,23 +239,33 @@
       "values" : []
     },
     {
-      "name" : "sm",
-      "type" : "Roo.grid.RowSelectionModel|Roo.grid.CellSelectionModel",
-      "desc" : "The selection model to use (cell selection is not supported yet)",
+      "name" : "visibilityEl",
+      "type" : "string|object",
+      "desc" : "What element to use for visibility (@see getVisibilityEl())",
+      "memberOf" : "Roo.bootstrap.Component",
+      "values" : [
+        "(el",
+        "parent)"
+      ]
+    },
+    {
+      "name" : "enableColumnResize",
+      "type" : "Boolean",
+      "desc" : "default true if columns can be resized (drag/drop)",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : []
     },
     {
-      "name" : "bordered",
-      "type" : "boolean",
-      "desc" : "Add borders to the table",
-      "memberOf" : "Roo.bootstrap.Table",
+      "name" : "dataId",
+      "type" : "string",
+      "desc" : "cutomer id",
+      "memberOf" : "Roo.bootstrap.Component",
       "values" : []
     },
     {
-      "name" : "footerShow",
+      "name" : "rowSelection",
       "type" : "Boolean",
-      "desc" : "generate tfoot, default true",
+      "desc" : "default false",
       "memberOf" : "Roo.bootstrap.Table",
       "values" : [
         "(true",
@@ -256,14 +273,11 @@
       ]
     },
     {
-      "name" : "headerShow",
-      "type" : "Boolean",
-      "desc" : "generate thead, default true",
+      "name" : "responsive",
+      "type" : "boolean",
+      "desc" : "Format condensed",
       "memberOf" : "Roo.bootstrap.Table",
-      "values" : [
-        "(true",
-        "false)"
-      ]
+      "values" : []
     }
   ],
   "methods" : [
@@ -294,6 +308,27 @@
       ],
       "returns" : []
     },
+    {
+      "name" : "getRowIndex",
+      "desc" : "get the Row Index from a dom element.",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "memberOf" : "Roo.bootstrap.Table",
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "params" : [
+        {
+          "name" : "row",
+          "type" : "Roo.Element",
+          "desc" : "The row to look for",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "ensureVisible",
       "desc" : "Scrolls the specified cell into view",
@@ -327,6 +362,48 @@
       ],
       "returns" : []
     },
+    {
+      "name" : "getCellIndex",
+      "desc" : "get the Column Index from a dom element. (using regex on x-hcol-{colid})",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "memberOf" : "Roo.bootstrap.Table",
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "params" : [
+        {
+          "name" : "cell",
+          "type" : "domElement",
+          "desc" : "to look for",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHeaderIndex",
+      "desc" : "get the header TH element for columnIndex",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "memberOf" : "Roo.bootstrap.Table",
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "params" : [
+        {
+          "name" : "columnIndex",
+          "type" : "Number",
+          "desc" : "",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "focusRow",
       "desc" : "Focuses the specified row.",