Create Links for Twitter Example?

[danvega]

Works good now, just replace with a non greedy match

tweets[i].text = tweets[i].text.replace(/(http:\/\/)(.*?)\s/gi, '<a href="$1$2">$1$2</a>');

[trainxl]

Hey guys,

thanks for the advice, prepareData also works with Ext.List in the way described.

This is what works for me:

var list = new Ext.List({
	prepareData  : function(data) {
		data.text = data.text.replace(/(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim, '<a href="$1" target="_blank">$1</a>')
		data.text = data.text.replace(/(@)([A-Za-z0-9_-]*)/gi, '<a href="http://twitter.com/$2" target="_blank">$1$2</a>')
		data.text = data.text.replace(/(#)([A-Za-z0-9_-]*)/gi, '<a href="http://twitter.com/#!/search/%23$2" target="_blank">$1$2</a>')
		return data;
	},
        store: app.stores.tweets,
        plugins: [{
            ptype: 'pullrefresh',
            autoPaging: true,
            loadingText: 'Lade...',
            pullRefreshText: 'Aktualisiert',
            releaseRefreshText: 'Loslassen...',
            snappingAnimationDuration: 1000
        }],
        itemTpl: [
            '<div class="tweet">',
                '<div class="tweet-lcol">',
                    '<img src="{profile_img}" />',
                    '<p class="tweet-date">{created_at:date("d.m.Y")}</p>',
                '</div>',
                '<p class="tweet-text tweet-rcol">{text}</p>',
            '</div>'
        ]        
})