Сделать jqGrid подвижным

Question

Поскольку кажется, что jqGrid основан на диалоге jQuery, возможно ли сделать его подвижным (например, диалог)? Я был в состоянии поместить это в диалог, но это выглядит странно с двумя заголовками и тому подобным. Я бы «подумал», что к нему можно добавить необходимый класс, чтобы сделать его подвижным, но я все еще новичок в jQuery и jqGrid.

Answer 1

Проверьте jQueryUI Draggable. Должен заботиться о вас.

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

Answer 2

Я публикую это здесь (с более общим решением), чтобы код был читабельным. Кажется, это устраняет проблему с изменением размера:

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

Answer 3

Идея использовать div 'gbox' очень хороша. Я хотел бы лишь немного улучшить его, чтобы иметь возможность работать внутри 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"});

Структура div'ов действительно хорошо видна с помощью Firebug или инструментов разработчика IE. Я начинаю описывать это немного здесь ячейки нижнего колонтитула jqGrid «наследуют» CSS от ячеек в основной сетке . Если было бы неплохо добавить полную документацию по всем элементам jqGrid в документацию jqGrid Wiki http://www.trirand.com/jqgridwiki.

Answer 4

Вы имеете в виду свойство drag?

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