He jqgrid columna en la que quiero personalizar mi descripción sólo para una columna, mientras para otros, necesito predeterminado descripción.

Cualquier conduce ?

Mi columna es algo así como la continuación

....
{
                            name : 'title',
                            index : 'title',
                            width : '20%',
                            align : 'center',
                            sorttype : false,
                            sortable : false
                        }
  • Creo que es necesario definir cellattr de devolución de llamada en colModel para la columna donde la costumbre descripción de la necesidad que se muestra. La mirada en la respuesta.
  • Traté de cellattr: función (rowId, val, rawObject, cm, rdata) { return ‘title=»hola «‘; } Pero todavía muestra el valor por defecto sólo. Puede usted por favor ayuda ?
  • ¿Se trató de la demo que muestra personalizada descripción en «Clientes» en la columna (name: 'name' en colModel)? Si usted tiene problemas en el código que debe anexar a su pregunta con su más completa del código. Supongo que usted coloca la devolución de llamada cellattr en el lugar equivocado.
  • Esta es la forma en que me trataron. nombre : «título», index : ‘título’, formateador : función(cellValue, opciones, rowObject) { return rowObject.linkName; }, ancho : ‘100%’, cellattr: función (rowId, val, rawObject, cm, rdata) { return ‘title=»hola «‘; }, align : ‘izquierda’, sorttype : ‘texto’,
  • la versión de jqGrid utiliza? Algunas versiones antiguas no tienen cellattr a todos. Más tarde la versión de jqGrid han pequeño error y el valor de cellattr tiene que comenzar con un espacio: return ' title="hallo "';. Intente agregar el espacio y repetir la prueba.
  • jqgrid es la versión 3.8.2. Incluso después de la adición de espacio como usted dijo, yo no soy capaz de sobrescribir la descripción valor.

InformationsquelleAutor sahana | 2015-01-20

5 Comentarios

  1. 1

    Información sobre herramientas para Encabezado

    Si quieres tooltip para encabezado de la columna puede añadir title atributo con jquery como este:

    si la cuadrícula contenedor este:

    <div id="myJqgrid"></div>

    a continuación, las palmas de js como este:

    $("#jqgh_myJqgrid_title").attr("title", "Can't sort my title!");

    Nombre de encabezado de selector de id este tipo de formularios:

    jqgh_<<grid_div_name>>_<<column_name>>

    Descripción de la celda en la columna

    Si usted necesita información sobre herramientas para la columna puede utilizar cellattr función.

    Usted puede incluso crear diferentes tooltip para cada celda en la columna de la base en la celda o fila de valor, porque la función tiene parámetros opcionales: rowId, cellValue, rawObject etc (documentación)

    En su caso, usted puede hacer así:

    {
       name : 'title',
       index : 'title',
       width : '20%',
       align : 'center',
       sorttype : false,
       sortable : false,
       cellattr: function () { return ' title="Here is my tooltip on colCell!"'; }
    }
    • No para de encabezado. Necesito para la columna.
    • ok, he actualizado la respuesta
    • { nombre : ‘título’, índice : ‘título’, formateador : función(cellValue, opciones, rowObject) { return rowObject.linkName; }, ancho : ‘100%’, align : ‘izquierda’, sorttype : ‘texto’, cellattr: function () { return ‘ title=»Aquí está mi descripción de colCell!»‘; } } No funciona aún 🙁
    • conoce a todos 🙂 como siempre
    • Necesito para el encabezado sólo ¿cómo puedo hacerlo?
    • primera forma en la que debe adaptarse a usted
    • Sí funciona, gracias. pero, ¿hay alguna construido en el método o propiedad?

  2. 0

    La versión 3.8.2 de jqGrid fue publicado en 2010. Es realmente muy antiguo. Las características como cellattr fue introducido más tarde en jqGrid 4.0 (ver aquí).

    Me gustaría estrictamente recomendamos actualizar a jqGrid 4.7.0 o jqGrid 4.6.0.

    • Gracias por la orientación adecuada. ¿Hay alguna forma de añadir la punta de la herramienta con la versión que yo uso ?
    • Sólo para establecer title atributo explícitamente en cada <td> de la columna. Por ejemplo, puede utilizar los siguientes loadComplete de devolución de llamada: loadComplete: function () { $(this).encontrar(«>tbody>tr.jqgrow>td:nth-child(5)»).attr(«title», «texto»); } establecerá "some text" descripción de todos los de la 5-ésima columna de la cuadrícula. Consulte la respuesta para obtener el índice de la columna basado en el nombre de la columna.
    • Gracias. Trataremos de saber.
  3. 0

    Suponiendo que ya tenemos los datos (xml, json …) podría tener valores ocultos en una columna y se utiliza cellattr para indicar el valor de cada columna.
    Por ejemplo, si tiene tres columnas:

    //tooltip obtained from hidden column for the first column
    {
        name : 'title',
        index : 'title',
        width : '20%',
        align : 'center',
        sorttype : false,
        sortable : false,
        cellattr: function (rowId, cellValue, rowObject) {
                       return ' title="' + $(rowObject).find('cell:eq(3)').text() + '"';
                  }
    }, 
    //default tooltip obtained from hidden column
    {
        name : 'subtitle',
        index : 'subtitle',
        width : '20%',
        align : 'center',
        sorttype : false,
        sortable : false,
        cellattr: function (rowId, cellValue, rowObject) {
                       return ' title="' + $(rowObject).find('cell:eq(4)').text() + '"';
                  }
    },
    //here you can set as in the column subtitle or put the default tooltip that you want
    {
        name : 'subtitle2',
        index : 'subtitle2',
        width : '20%',
        align : 'center',
        sorttype : false,
        sortable : false,
        cellattr: function (rowId, cellValue, rowObject) {
                       return ' title=" My default tooltip "';
                  }
    },
    //hidden columns
    {
        name : 'hiddenColumn1',
        index : 'hiddenColumn1',
        hidden: true,
    },
    {
        name : 'hiddenColumn2',
        index : 'hiddenColumn2',
        hidden: true,
    },
  4. 0

    Usted tendría que usar jquery para crear «título» atributo HTML para la información sobre herramientas.

    jQuery(document).ready(function($){

    jQuery("tr.ui-jqgrid-labels th:eq(0)").attr("title", "Column 1 header title");
    
    jQuery("tr.ui-jqgrid-labels th:eq(1)").attr("title", "Column 2 header title");
    
    jQuery("tr.ui-jqgrid-labels th:eq(2)").attr("title", "Column 3 header title");

    });

  5. 0

    Puedo usar este código para un conjunto de encargo descripción:

    {
    name : 'title',
    index : 'title',
    width : '20%',
    align : 'center',
    sorttype : false,
    sortable : false,
    cellattr: function (rowId, cellValue, rowObject) {
                   return ' title="' + $(rowObject)[3] + '"';
              }

    },

Dejar respuesta

Please enter your comment!
Please enter your name here