Question

由于看起来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 footer cells "inherits" CSS from cells in the main grid。如果可以将所有jqGrid元素的完整文档添加到jqGrid Wiki文档http://www.trirand.com/jqgridwiki中。

Answer 4

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

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

使jqGrid可移动

4 个答案: