Sencha

XTemplateのxindexの使い方

xindexの使い方でよく迷うのでメモ

ifのなかで使う場合は括弧なしでそのままxindexと記載し、
HTMLの穴埋めに使う場合は{[xindex]}と記載する

記載

Template.js
Ext.define('sencha.view.main.Template', {
    extend: 'Ext.Component',
    xtype: 'comptep',
    renderData: {
        abc: [{hoge:'aaaa'},{hoge:'bbbb'}]
    },
    renderTpl: new Ext.XTemplate(
        '<div>',
        '<tpl for="abc">',
        '<tpl if="xindex == 1">',
        '<p>{[xindex]}{hoge}</p>',
        '</tpl>',
        '</tpl>',
        '</div>'
    )
});

結果

image.png