ExtJs dataview XTemplate里 两个变量做 数学运算操作

Ext.application({
    name: 'Fiddle',

    launch: function() {
        Ext.define('My.Example', {
            extend: 'Ext.Panel',
            tpl: new Ext.XTemplate(
                '<table border=\'1\' width=\'100%\' height=\'100%\'>',
                '    <tr>',
                '        <th></th>',
                '        <th>$(000\'s)</th>',
                '        <th>%Sales</th>',
                '    </tr>',
                '    <tr>',
                '        <td>Sales:</td>',
                '        <td>{sales}</td>',
                '        <td>&nbsp;</td>',
                '    </tr>',
                '    <tr>',
                '        <td>COGS:</td>',
                '        <td>{cogs}</td>',
                //'        <td><tpl"this.cogsSales(cogs, sales)"/></td>',
                '        <td>{[this.cogsSales(values.cogs, values.sales)]}</td>',
                '    </tr>',
                '    <tr>',
                '        <td>Gross Profit:</td>',
                '        <td>{grossProfit}</td>',
                '        <td>{[this.profitSales(values.grossProfit, values.sales)]}</td>',
                '    </tr>',
                '</table>', {
                // XTemplate configuration:
                disableFormats: true,
                // member functions:
                cogsSales: function(cogs, sales) {
                    return cogs / sales;
                },
                profitSales: function(grossProfit, sales) {
                    return grossProfit / sales;
                }
            })
        });

        var panel = new Ext.create('My.Example', {
            data: {
                sales: 0,
                cogs: 0,
                grossProfit: 0
            },
            renderTo: Ext.getBody()
        });

        var button = new Ext.create('Ext.button.Button', {
            text: "click me",
            listeners: {
                click: function() {
                    panel.update({
                        cogs: 100,
                        grossProfit: 300,
                        sales: 500
                    });
                }
            },
            renderTo: Ext.getBody()
        });
    }
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员yqy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值