代码之家 › 专栏 › 技术社区 › Dave

使jqgrid可移动

jqgrid jquery

4

Dave · 技术社区 · 15 年前

由于jqgrid似乎基于jquery对话框,是否可以使其移动(像对话框)?我可以把它放在一个对话框里,但是有两个标题栏之类的东西看起来很奇怪。我“认为”可以向它添加必要的类以使其可移动,但在jquery和jqgrid中,我仍然是相当新的。

4 回复 | 直到 15 年前

1

2

user113716 15 年前

查看jqueryui可拖动。应该照顾你。

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

2

0

gurun8 15 年前

你指的是 drag 财产?

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

3

0

Community CDub 8 年前

使用“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"});

使用Firebug或IE的开发工具可以很好地看到div的结构,我开始在这里稍微描述一下。 jqGrid footer cells "inherits" CSS from cells in the main grid . 如果您愿意将所有jqgrid元素的完整文档添加到jqgrid wiki文档中 http://www.trirand.com/jqgridwiki .

4

0

Dave 15 年前

我将在这里重新发布(使用更通用的解决方案),以便代码可读。这似乎解决了我曾经遇到的调整大小的问题:

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