Кнопка JQGrid в мастер-сетке в каждой строке для загрузки детализированной сетки

Question

Я тестирую пример по этому адресу: http://trirand.com/blog/jqgrid/jqgrid.html.В данный момент Detail Grid загружается с идентификатором по умолчанию при загрузке страницы.

Запрошенная функциональность:

Я хочу, чтобы кнопка Detail в каждой строке при нажатии должна была загружать детальную таблицу.Кто-нибудь, пожалуйста, скажите мне, как.Я тоже с этим борюсь.

Answer 1

Вы можете использовать пользовательский форматер или установить <botton type='button' ....> (или <input type='button' ...>) в отношении 'setRowData' внутри loadComplete или gridComplete обработчика событий .Вы можете найти пример, если вы посмотрите jqGrid demo и выберете «Редактирование строки» / «Пользовательское редактирование».Привязку события onClick можно выполнить как в примере «Редактирование строки» / «Выборочное редактирование», так и в виде ненавязчиво (см. Пример из здесь не совсем для того же самого).проблема, но я надеюсь, вы поймете, что я имею в виду) с помощью jQuery.click или jQuery.bind .Кстати, вместо кнопки вы можете использовать ссылку (<a> или showLink).

Внутри ручки «щелкнуть» вы можете принудительно загружать сетку подробностей точно так же, как вы это обычно делаете внутрииз onSelectRow.

ОБНОВЛЕНО : посмотрите здесь , чтобы увидеть, как можно размещать статические тексты в виде ссылок в jqGrid:

Может потребоваться заполнить пустую строку '' в столбце "Подробности" в ответе JSON с сервера.В некоторых случаях зависит от формата данных и используемого jsonReader, это может не потребоваться.

В случае сценария мастер / подробности вы можете отобразить (установить url или postData и инициировать gridReload) детальную сетку на местегде тексты "нажали на строку ..." отображаются в демонстрационном примере.