estoy usando este código para marcar palabras especiales en una fila de cuadrícula de 2 columnas
gridRow.childNodes[1].firstChild.innerHTML = '<span class ="highlightClass">' + word+ '</span>';Ahora, cada vez que hago clic dentro de la fila, la palabra ya no está marcada porque div está cambiando.
El comportamiento esperado es que la palabra aún esté marcada hasta que la cambie.
Sería genial, cuando alguien pudiera ayudarme.
Gracias de antemano
Puede resaltar palabras fácilmente con la etiqueta HTML <mark> .
Solo para darle una dirección rápida, podría definir un renderer para sus dos columnas donde busque una palabra o palabras precisas y reemplácelas o márquelas con una expresión regular.
Por ejemplo, para resaltar todas las apariciones de la palabra "manzana" en una columna, puede definir su renderizador como se muestra a continuación:
renderer: function (value, metaData, record) { var wordToHighlight = "world"; return value.toString().replace(new RegExp(wordToHighlight , "ig"), "<mark>$&</mark>")); }Asi que...
...something like "Orange Apple Pineapple" will be rendered as "Orange <mark>Apple</mark> Pineapple"