jqGrid tableToGrid parámetro “opciones”

Question

Conceptos básicos

Hola a todos, tengo vea el método tableToGrid (por Peter Romianowski) definida como tableToGrid(selector, options) en el wiki jqGrid, pero no puedo encontrar en cualquier lugar que tiene la documentación de la options

¿Alguien sabe acerca de estos u dónde encontrarlos? EDIT:! Gracias Oleg, resolvió

Más

Lo que estoy realmente tratando de hacer es encerrar el jqGrid que resulta en una form, que presentará los valores checkbox que están en una columna de la tabla. Mi problema es que el método tableToGrid parece ser la eliminación de la propiedad name de los elementos checkbox y por lo tanto no están siendo presentados con la forma de correos.

Answer 1

RESUELTOS

El método jqGrid tableToGrid se encuentra el valor de las casillas de la tabla original y aplicar automáticamente la opción multiSelect: true en el jqGrid resultante, mostrando casillas de verificación intrínsecas. Para obtener una lista de los identificadores de filas seleccionadas, sólo tiene que llamar

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

Answer 2

Como se puede leer en http: //www.trirand. ? com / jqgridwiki / doku.php id = wiki: table_to_jqgrid el parámetro de opciones de método tableToGrid no es nada más que las opciones de la jqGrid el que se crea (ver http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options )

Si undesnand su carrect principal problema, tiene algunos datos recibidos desde el servidor como respuesta en el formulario presente. Y desea colocar estos datos en una cuadrícula. Para hacer esto, puedes usar de manera más directa con el uso de datatype: 'local' jqGrid. He aquí un ejemplo:

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]);
}

En primer lugar se crea una jqGrid vacío y luego llenarlo con respecto método addRowData.

Por otra parte, si usted tiene muchas casillas de verificación en el interior de jqGrid, que puede ser interesante para usted mire mi ejemplo de el texto vertical dentro de los encabezados de tabla utilizando una biblioteca SVG basado en JavaScript y ver resultados en http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO1.htm .

Answer 3

Cambiar ancho de columna para cualquier número de columnas

En este caso, después de la acumulación jqGrid conseguir que sólo puede ir a la mesa para conseguir genera y cambiar manualmente todos los anchos de columna de la cabecera de la columna y los datos respectivos y sin corregir algún código tedioso.

        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]);})
        }
}