Question

我正在使用sencha touch来开发移动应用程序。在列表中，我使用Css将值的颜色更改为大于0（绿色）和小于0（红色）。对于小于1000的值，颜色会发生变化，但对于大于1000的值，颜色不会发生变化..请帮助

我的代码

<div class="amt_txt">
    <tpl if="Amount &gt;= 0">
        <span class='drill'>
            <strong>
                <span class='dollartxt'>
                    $
                </span>
                {Amount}
            </strong>
        </span>
    <tpl elseif="Amount &lt;=0">
        <span class="YldDataColor3">
            <span class='dollartxt'>
                $
            </span>
            {Amount}
        </span>
    </tpl>
</div>

Answer 1

我会使用一个函数：

new Ext.XTemplate(
    '<div class="amt_txt">' +
        '<span class="classForBold{[this.classChooser(values)]}">' + // <<--- here is the call
            '<span class='dollartxt'>' +
                '$' +
            '</span>' +
            '{Amount}' +
        '</span>' +
    '</div>',
    classChooser: function(values) { // <<--- here is the function
        var amount = value.Amount, returnValue;

        switch (amount) {
            case < 1000:
                returnValue = ' drill'; // important leading blank
                break;
            case < 0:
                returnValue =  ' YldDataColor3';
                break;
            default:
                returnValue =  '';
        }
        return returnValue;
    }
)

如果条件不工作在sencha触摸

1 个答案: