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

使jqgrid可移动

  •  4
  • Dave  · 技术社区  · 14 年前

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

    4 回复  |  直到 14 年前
        1
  •  2
  •   user113716    14 年前

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

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

        2
  •  0
  •   gurun8    14 年前
        3
  •  0
  •   Community Paul Sweatte    7 年前

    使用“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    14 年前

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

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