Как разместить значок закрытия в верхней части jqgrid?

Question

У меня есть несколько jqgdids на моей странице, и я хотел бы сделать их совместимыми. Поэтому я хотел бы заменить значок в правом верхнем углу на X и связать событие закрытия с ним. Есть идеи?

Answer 1

Если вам действительно нужно иметь возможность закрыть сетку (скрыть ее), чтобы дать пользователю возможность снова открыть сетку, вы можете сделать следующее:

1) Вы можете реализовать закрытие / скрытиесетка внутри onHeaderClick обратного вызова:

onHeaderClick: function () {
    $(this).closest('.ui-jqgrid').hide('blind', {}, 500);
}

2) Стандартный значок свертывания в правой части захвата можно заменить следующим кодом:

$('#gview_' + $.jgrid.jqID($grid[0].id) + ' .ui-jqgrid-titlebar-close>span')
    .removeClass('ui-icon-circle-triangle-n')
    .addClass('ui-icon-closethick');

где $grid определяется как var $grid = $('#list'); и представляет сетку.Выражение '#gview_' + $.jgrid.jqID($grid[0].id) получит в случае '#gview_list'.Использование $.jgrid.jqID($grid[0].id) может быть важно только для случая, когда идентификатор сетки («список» в приведенном выше примере) содержит несколько метасимволов .

Соответствующую демонстрацию вы можете увидеть здесь .