how to show url link in grid column

[maneljn]

I have a textfield saved in database that can contains a string value like this:

some text bla bla bla http://www.google.com some more text bla bla alb ala bla

I want to show this field inside a grid column, but converting the "http://....." in a url link (<a href =".....)

Is it possible ?

[skirtle]

Just use a renderer function on the column:

http://docs.sencha.com/ext-js/4-1/#!...n-cfg-renderer

You can return whatever HTML you want.

[maneljn]

Yes Skirtle, i know the use of renderer, but my question is how can i "detect" that inside the text are strings like http://...... , and how can i make substitution of this string adding the html tags for url link <a href=.......


Manel

[skirtle]

Identifying URLs in text isn't really an ExtJS question but I guess you could do something using a regular expression:

renderer: function(value) {
    return value.replace(/(https?:\/\/\S+)/g, '<a href="$1">$1</a>');
}

You'll have to do some experimenting to refine the expression to pick out exactly what you want.

[maneljn]

i've found this solution. It works very well.

https://github.com/cowboy/javascript-linkify/