Fundamentos

Hola a todos, he ver el tableToGrid método (por Pedro Romianowski) que se define como tableToGrid(selector, options) en el jqGrid wiki, pero no puede encontrar en cualquier lugar que tiene la documentación de la options

¿Alguien sabe acerca de estas o donde encontrarlos? EDIT: Gracias Oleg, resuelto!

Más

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

  • A mí me parece que el nombre de la casilla de verificación en la columna nombre del encabezado de la columna correspondiente de la cuadrícula. Si no es así, usted necesita probablemente tendrá una columna adicional en la red con este tipo de información.
InformationsquelleAutor Jimbo | 2010-04-28

3 Comentarios

  1. 7

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

    Si me undesnand su principal problema carrect, usted tiene algunos de los datos recibidos desde el servidor como respuesta en el formulario de envío. Y desea colocar los datos en una cuadrícula. Para hacer esto usted puede utilizar de manera más directa con el uso de datatype: 'local' de jqGrid. Aquí está 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]);
    }

    Primera de todas se crea un vacío jqGrid y luego llenarlo con respecto a addRowData método.

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

    • Gracias. Tal vez usted puede ayudar! El html BÁSICO tabla se dibuja en la página y contiene checkboxes que permite al usuario seleccionar ciertos elementos y, a continuación, presentar su selección por sumbitting la que contiene form – problema es que cuando llamo tableToGrid en la tabla, se mete hasta el nombre y el id de la checkboxes. ¿Sabes cómo decirle a tableToGrid de no tocar el contenido de la checkbox células?
    • Los nombres de las columnas verticales aspecto no muy agradable en el Explorador de Internet solamente. En todos los otros navegadores modernos parece muy buena. Exactamente acerca de este problema que me hizo la pregunta stackoverflow.com/questions/2705174/…. Yo realmente no entiendo por qué usted necesita un BÁSICO de html de la tabla. Yo lo uso permanentemente jqGrid directa que permite modificar algunos datos de la tabla, como casillas de verificación. La mirada en trirand.com/blog/jqgrid/jqgrid.html, elija «Fila de Edición» en el árbol de la parte y, a continuación, «Tipo de Entrada».
    • Un jqgrid mesa toma algo de tiempo y código para construir, mientras que tableToGrid en un html básico es una llamada rápida. Sólo necesito la columna de clasificación de las habilidades (y mirada bastante) de jqgrid así que no tiene sentido en un puro jqgrid tabla. Pero como se ha mencionado, estas casillas de verificación causar un problema!
    • Sólo puedo repetir mi recomendación para invertir un poco más de tiempo y el uso jqGrid realmente. Función tableToGrid como jqGrid no apoyo comboboxes con los textos. Así que te recomiendo leer toda la información que desea ver en jqGrid de su página y guardar dentro de un objeto. A continuación, elimine de su basic de la tabla y, a continuación, crear jqGrid con datatype: 'local' (véase el ejemplo de mi respuesta) y rellenar la cuadrícula con la información guardada en el objeto antes. Se debe trabajar.
    • Yo tenía el mismo problema. Yo realmente desea generar una tabla html «las manos» y, a continuación, aplicar bonito tema y ordenar las funciones. Estoy mirando adelante para una de las opciones para deshabilitar la «reescritura» de la entrada de id. En el ínterin, Tablesorter (tablesorter.com/docs/#Demo) parece hacer el trabajo de manera más sencilla.
    • Lo siento, ¿podría usted describir sus requisitos más detallados? ¿Por qué desea crear la tabla de ti mismo y no permitir que jqGrid para hacer esto? ¿realmente necesita multi-columna corting? jqGrid tiene la función de ordenar cualquier columna, pero no de dos columnas en uno. En el caso de una columna ordenada que no necesitas y adicionales «Tablesorter».
    • Básicamente, quería mantenerlo simple, tener un único punto de vista que generar la página (y no uno para la tabla principal, otro para la carga de los datos). Además, no quiero configurar el colModel y todas las otras opciones en jqGrid con javascript. Esto es. Tenga en cuenta que estoy usando la más avanzada jqGrid tabla en algunas otras páginas, con la clasificación, búsqueda y filtrado, pero aquí sólo necesitaba mantenerlo simple. Alguna idea ?
    • Primero de todo el jqGrid debe recibir los datos de controller por ajax. Corresponde mejor a la de diseño MVC. Lo que otros escriben es cuestión de gustos. Si va a utilizar tableToGrid plugin que va a tener muchas restricciones y pequeños problemas. Yo no entiendo muy bien la pregunta que pide y cómo podría ayudarle. Probablemente sería mejor si usted describir todos en una pregunta.

  2. 1

    RESUELTO

    El jqGrid tableToGrid método se calcula el valor de las casillas de la tabla original y automáticamente implementar el multiSelect: true opción en el cuadro de jqGrid, mostrando intrínseca de casillas de verificación. Para obtener una lista de las filas seleccionadas IDs, simplemente llame a

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

    Cambiar el ancho de columna para cualquier número de columnas

    En este caso, después de que el jqgrid llegar a construir usted puede ir a la tabla de llegar generado y cambiar manualmente todos los anchos de columna de encabezado de columna y los respectivos datos sin corregir algunos tedioso código.

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

Dejar respuesta

Please enter your comment!
Please enter your name here