JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.1.1-gpl/resources/css/ext-all.css">

JavaScript

Ext.onReady(function () {
    var panel = Ext.create('Ext.panel.Panel', {
        renderTo: Ext.getBody(),
        title: 'test',
        height: 300,
        width: 300
    });

    var detailRivenditoreTemplate = new Ext.XTemplate(
        '<tpl for="rivenditori">',
        '<div id="boxDettaglioRivenditori">',
        '<h1>{["{RIV_RagioneSociale}".indexOf("foo")]}</h1>',
        '</div>',
        '</div>',
        '</tpl>', {
        checkFilter: function (filter) {
            return filter.indexOf("L");
        }
    });

    var data = {
        rivenditori: [{
            RIV_RagioneSociale: 'foo1',
            RIV_Filtro:'bar1',
            RIV_Indirizzo: 'conditional',
            RIV_CAP: 'a',
            RIV_Localita: 'b',
            RIV_Regione: 'c',
            RIV_Paese: 'd'
        }]
    };


    panel.update(detailRivenditoreTemplate.apply(data));
});