2010-04-10 16 views
6

Soy nuevo en JqGrid, así que por favor tengan paciencia conmigo. Tengo algunos problemas con el diseño de las celdas cuando uso un formateador showlink. En la configuración de mi me juego hasta la AfterInsertRow y funciona bien si sólo la visualización de texto simple:AfterInsertRow, setCell. cambiar programáticamente el contenido de la celda

afterInsertRow: function(rowid, aData) { 
    if (aData.Security == `C`) { 
    jQuery('#list').setCell(rowid, 'Doc_Number', '', { color: `red` }); 
} else 
{ 
    jQuery('#list').setCell(rowid, 'Doc_Number', '', { color: `green` }); 
} 
}, ... 

Este código funciona bien, pero tan pronto como agrego un formateador

{'Doc_Number, ..., 'formatter: ’showlink’, formatoptions: {baseLinkUrl: ’url.aspx’} 

lo anterior código no funciona debido a que un nuevo elemento se agrega a la celda

<a href='url.aspx'>cellValue</a> 

¿es posible acceder a la programación del nuevo elemento secundario usando algo así como el código de abov e y cambiar el estilo?

`<a href='url.aspx' style='color: red;'>cellValue</a>` etc. 

ACTUALIZACIÓN: Con el fin de trabajar que tiene que hacer de la siguiente manera:

jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink'); 

Clase CSS

.redLink a { 
    color: red; 
} 

Respuesta

6

Se podría añadir una clase a la célula:

jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink'); 

A continuación, defina una clase de CSS a lo largo de estas líneas :

.redLink a { 
    color: red; 
} 
+0

Hola Justin, no funciona. Ahora muestra 'redlink' como texto de celda. – oirfc

+0

Hola de nuevo, realmente funciona si invertir los dos últimos parámetros:. jQuery ('# lista') SetCell (rowid, 'Doc_Number', '', 'Redlink'); Gracias por indicarme la dirección correcta. – oirfc

+0

Disculpa, pero me alegra que lo hayas hecho funcionar. FWIW, acabo de actualizar mi respuesta. –

Cuestiones relacionadas