Параметры параметра jqGrid tableToGrid “options”

основы

Привет всем, я вижу метод tableToGrid (Peter Romianowski), определенный как tableToGrid(selector, options) в wiki jqGrid, но не может найти нигде, где есть документация по options

Кто-нибудь знает об этом или где их найти? EDIT: Спасибо, Олег, решил!

Больше

То, что я действительно пытаюсь сделать, – заключить полученный jqGrid в form , которая будет отправлять значения checkbox которые находятся в столбце таблицы. Моя проблема заключается в том, что метод tableToGrid как представляется, удаляет свойство name из элементов checkbox и, следовательно, не отправляется с сообщением формы.

Как вы можете прочитать на http://www.trirand.com/jqgridwiki/doku.php?id=wiki:table_to_jqgrid параметр tableToGrid метода tableToGrid – это не что иное, как параметры созданного jqGrid (см. Http: // http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options ).

Если я откажусь от вашей основной проблемы, вы получите некоторые данные, полученные с сервера, как ответ на форму submit. И вы хотите поместить эти данные в сетку. Для этого вы можете использовать более прямой путь с использованием datatype: 'local' из jqGrid. Вот пример:

 var grid = jQuery('#list').jqGrid({ caption: 'Testclusters', height: 'auto', gridview: true, rownumbers: true, sortable: true, datatype: 'local', viewrecords: true, pager: '#pager', pgbuttons: false, pginput: false, rownumbers: true, colNames: ['Name', 'Testtiefe', 'Std', 'FachlicheTests', 'RowVersion'], colModel: [ { name: 'Name', index: 'Name', width: 120 }, { name: 'TesttiefeName', width: 180 }, { name: 'Std', width: 21, formatter: 'checkbox', align: 'center' }, { name: 'IsFachlicheTests', width: 21, formatter: 'checkbox', align: 'center' }, { name: 'RowVersion', width: 50, hidden: true } ] }).navGrid('#pager', { edit: false, add: false, del: false, refresh: true, view: false, search: false }) .navButtonAdd('#pager', { caption: "", buttonicon: "ui-icon-calculator", title: "choose columns", onClickButton: function() { jQuery('#list').jqGrid('columnChooser'); } }); grid.jqGrid('gridResize'); var myData = [ { Name: "VIA XP", TesttiefeName: "Alle SW-Produkte", Std:true, IsFachlicheTests:false, RowVersion: "20FC31" }, { Name: "KUBUS", TesttiefeName: "Alle SW-Produkte", Std:false, IsFachlicheTests:true, RowVersion: "20FC32" } ]; for (var i = 0; i < = myData.length; i++) { grid.addRowData(i + 1, myData[i]); } 

Прежде всего вы создаете пустой jqGrid, а затем заполните его с addRowData метода addRowData .

Более того, если у вас много флажков внутри jqGrid, вам может быть интересно посмотреть на мой пример из Вертикального текста внутри заголовков таблицы, используя библиотеку SVG на основе JavaScript и посмотреть результаты на http: //www.ok-soft-gmbh. com / VerticalHeaders / TestFixedO1.htm .

ПОСТАНОВИЛИ

Метод jqGrid tableToGrid найдет значение флажков в исходной таблице и автоматически реализует параметр multiSelect: true в полученном jqGrid, показывая внутренние флажки. Чтобы получить список выбранных идентификаторов строк, просто вызовите

 $('#grid').getGridParam('selarrrow') 

Изменение ширины столбца для любого количества столбцов

В этом случае после сборки jqgrid вы можете просто перейти к создаваемой таблице и вручную изменить все ширины столбцов заголовка столбца и соответствующие данные, не исправляя нужный код.

  var tabColWidths ='70px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px'; function reDefineColWidth(){ var widthsArr = tabColWidths.split('|'); for(var j=0; j < widthsArr.length ; j++ ){ $('.ui-jqgrid-labels > th:eq('+j+')').css('width',widthsArr[j]); $('#grid tr').find('td:eq('+j+')').each(function(){$(this).css('width',widthsArr[j]);}) } }