extjs - Xtemplate如果条件在sencha touch

我有以下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 (values.seen) { %}部分中的if条件不起作用，即单击该按钮时，它应该显示两个不喜欢和喜欢的按钮。导致此问题的代码有什么问题？

最佳答案

它可能无法正常工作，因为您没有将它与任何东西进行比较。

顺便说一句，下面是一些了解if条件的用法的例子：

使用比较运算符：

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

使用“ AND”运算符

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

使用XTemplates变量：

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