sencha / javascript - comment appeler une fonction à partir de l'intérieur d'un modèle tpl

Je suis en utilisant le Sencha touch et je suis en train de modifier un compte twitter exemple que j'ai trouvé en ligne dans le but de transformer les url à partir d'un flux twitter en liens cliquables. J'ai vu que l'un des exemples dans le sencha touch bibliothèque utilise un linkify fonctionnalité, mais je ne peux pas comprendre comment l'intégrer dans mon projet. Voici mon code:

t_news = new Ext.Component({
        cls:'t_news',
        title:'News',
        scroll: 'vertical',
        tpl: [
            '<tpl for=".">',
                '<div class="tweet">',
                        '<div class="avatar"><img src="{profile_image_url}" /></div>',
                        '<div class="tweet-content">',
                            '<h2>{from_user}</h2>',
                            '<p>{text:this.linkify}</p>',
                        '</div>',
                '</div>',
            '</tpl>',
        ]
    });

function linkify(value){
        return value.replace(/(http:\/\/[^\s]*)/g, "<a target=\"_blank\" href=\"$1\">$1</a>");
    }

et voici l'erreur:

Uncaught TypeError: Object [object Object] has no method 'linkify'

OriginalL'auteur mheavers | 2011-06-17

  1. 13

    Si vous déclarez votre XTemplate explicitement, vous pouvez utiliser le dernier paramètre du constructeur qui accepte un objet de configuration où vous pouvez spécifier le modèle de fonctions. Ces fonctions peuvent être appelées avec la valeur:syntaxe de la fonction.

    Votre code sera le suivant:

    t_news = new Ext.Component({
cls:'t_news',
title:'News',
scroll: 'vertical',
tpl: new Ext.XTemplate(
    '<tpl for=".">',
        '<div class="tweet">',
                '<div class="avatar"><img src="{profile_image_url}" /></div>',
                '<div class="tweet-content">',
                    '<h2>{from_user}</h2>',
                    '<p>{text:this.linkify}</p>',
                '</div>',
        '</div>',
    '</tpl>',
    {
        linkify: function(value){
            return value.replace(/(http:\/\/[^\s]*)/g, "$1");
        }
    })

    });

    Ces fonctions sont exécutées dans le champ d'application de la XTemplate et peut également être appelé à l'intérieur tpl étiquettes ou dans la notation crochets:

    '<tpl if="this.linkify(values.text) == \'some text\'">',
'</tpl>'

'<p>{[this.linkify(values.text)]}</p>'

    Espérons que cette aide!

    Cheers
    Stuart

    Cela n'a pas fonctionné pour moi
    La notation crochets a travaillé comme un charme, alors assurez-vous de l'utiliser.

    OriginalL'auteur Stuart