fred55 on draggable grid

Tue, 06 Sep 2011 21:00:10 +0300

Hi,

I am new to JQuery and I am trying to create my grid draggable (moveable) just like forms used in JQGrid such as Add, etc. I have read in the forums how to do it but I always get "Object does not support this property or method" in:

jQuery(gboxNode).draggable( {handle:"div.ui-jqgrid-titlebar"} );

I have tried placing this code in different locations but always get same error. I believe the problem is a missing .js but which one I don't know.

I also tried var gboxNode = jQuery("#list")[0].parentNode.parentNode.parentNode.parentNode; & different variations with no luck.

Please see part of my code below.

Thanks,

...
<head>
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

$(function(){     //$( = $(document).ready( & $().ready(
  ...
  loadComplete: function(){
   var gboxNode = jQuery("#list")[0]; // .parentNode.parentNode.parentNode.parentNode;
   jQuery(gboxNode).draggable( {handle:"div.ui-jqgrid-titlebar"} );
  }
  ...
})
</script>
</head>
<body>
  <table id="list" class='scroll'><tr><td/></tr></table>
  <div id="pager" style='background:cyan'></div>
</body>

jQuery Grid Plugin - jqGrid - Topic: draggable grid

fred55 on draggable grid