如果sencha中的条件触及Xtemplate

Question

我有以下Xtemplate代码:

('Ext.XTemplate',
    '<div class="moreArrow"></div>',
    '<div class="img"><img src="http://localhost/WL2/assets/rest/{image}"/></div>',                       
    '<div class="meta">',
    '<h3>{merchName}</h3>',
    '<div class="actions">',
        '<button class="seen{[values.seen ? " selected" : ""]}">{action}</button>',
        '{% if (values.seen) { %}',
            '<button class="thumb up{[values.like ? " selected" : ""]}"><b></b></button>',
            '<button class="thumb down{[values.dislike ? "selected" : ""]}"><b></b>  </button>',
        '{% } else { %}',
            '<button class="want{[values.wantToSee ? "selected" : ""]}">Want to Go There</button>',
        '{% } %}',
        '</div>',
    '</div>'
)

我的问题是部件中的if条件{% if (values.seen) { %}不起作用,即单击按钮时,它应显示两个不喜欢的按钮.导致此问题的代码有什么问题？

Answer 1

它可能不起作用,因为你没有将它与任何东西进行比较.

顺便说一句,这里有几个例子来了解如何使用if条件:

使用比较运算符:

<tpl if="totalDiscount &gt; 0">

使用'AND'运算符

<tpl if="active == true && available == true">

使用XTemplates变量:

'{% if (xindex % 2 === 1) { %}' +
    '<div>Odd Row</div>' +
'{% } %}'