datagrid + draggable

[catpaw]

I'm trying to drag the entire data grid , I refer to the entire table , not only rows or a column.

What I did , but I can not drag the table:

$('#dg').datagrid({
   width: 355,
   height: 'auto',
   title: ' ',
   showHeader: false,
   rownumbers: false,
   fitColumns: false,
   striped: true,
   singleSelect: true,
   nowrap: false,
   collapsible:true,
   collapsed: true,
   columns:[[
      {field:'label',title:'Label',width:100},
      {field:'value',title:'Value',width:250}
   ]],
   onLoadError: function(XMLHttpRequest, textStatus, errorThrown){
              alert(JSON.stringify(XMLHttpRequest));
              alert(errorThrown);
        }
}).draggable();

any help will thank

[stworthy]

The simplest way to drag a datagrid is to put the datagrid in a window or panel.

Code:

<div class="easyui-window" style="width:355px;height:300px">
  <table id="dg">
    ...  
  </table>
</div>

[catpaw]

Im sorry

but is not what I need

the problem is that the datagrid is collapsed and collapsible:

collapsible:true,
collapsed: true,

I need to be able to move it when is collapsed and when not :/

[stworthy]

If you want to drag the dialog by clicking and dragging on the titlebar, please try the following code.

Code:

$('#dg').datagrid({...});
var p = $('#dg').datagrid('getPanel');
p.panel('panel').draggable({
    handler:p.panel('header')
});

[catpaw]

that works!!

thank you very much!!