使jqGrid可移动

由于看起来jqGrid基于jQuery对话框，是否可以使其可移动（如对话框）？ 我已经能够把它放在一个对话框中，但它有两个标题栏等等看起来很奇怪。 我会“认为”可以添加必要的类以使其可移动但我在jQuery和jqGrid上仍然相当新。

Answer 1

查看jQueryUI draggable。 应该好好照顾你。

http://jqueryui.com/demos/draggable/

Answer 2

你指的是drag属性吗？

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing

Answer 3

使用’gbox’div的想法非常好。 我想只需要稍微改进它就能像往常一样在jqGrid中工作，并能够从其标题区域拖动网格。 代码看起来像

 var myGridId='list'; $('#gbox_' + myGridId).draggable ({handle:"div.ui-jqgrid-titlebar"}); 

或者喜欢以下

 // get DOM element of 'gbox' div var gboxNode = jQuery('#list')[0].parentNode.parentNode.parentNode.parentNode; // make full jqGrid drabable jQuery(gboxNode).draggable ({handle:"div.ui-jqgrid-titlebar"}); 

使用IE的firebug或开发工具可以很好地看到div的结构。 我开始在这里描述一下jqGrid页脚单元格从主网格中的单元格“inheritance”CSS 。 如果将所有jqGrid元素的完整文档添加到jqGrid Wiki文档http://www.trirand.com/jqgridwiki中会很高兴。

Answer 4

我在这里重新发布（使用更通用的解决方案），以便代码可读。 这似乎解决了我遇到的resize问题：

  // // Make the grid resizable. // $("#treegrid2").jqGrid('gridResize',{minWidth:350,minHeight:150, stop: function (grid, ev, ui) { $(grid.srcElement).parent ().css ("height", null); } });