添加按钮到itemTpl sencha touch

时间:2012-12-30 21:16:47

标签: button sencha-touch-2 dataview

我是sencha touch的新手。我有一个问题。如何添加按钮并激活项目模板?请给我解决方案

这是我的编码

     Ext.define('bluebutton.view.BlueButton.CouponList', {
        extend: 'Ext..DataView',
        xtype: 'couponlistcard',
        requires: [
            'Ext.field.Select',
            'Ext.field.Search',
            'bluebutton.view.BlueButton.MemberDetail',
             'Ext.plugin.ListPaging',
            'Ext.plugin.PullRefresh'

        ],
        config: {

            styleHtmlContent: true,
            scrollable: 'vertical',

             store : { xclass : 'bluebutton.store.BlueButton.MemberList'},
            grouped: true,
            indexBar: true,
             autoLoad: false,
           disclosure: true,
           cls:'customHeader',

            id :'memberlist',
            items: [
                {



                }

            ],
            emptyText: '<p class="no-search-results">No member record found matching that search</p>',
            itemTpl: Ext.create(
                'Ext.XTemplate',

   '<div style="float:left;width=33%;margin:2px;"><div class="demo-weather">',
                            '<tpl for=".">',
                                '<div class="day">',
                                    '<div class="date">{memberId}</div>',
                                    '<tpl for="weatherIconUrl">',
                                        '<img src="{value}">',
                                    '</tpl>',
                                    '<span class="temp">{memberId}&deg;<span class="temp_low">{memberId}&deg;</span></span>',
                                    'button here?????'
                                '</div>',
                            '</tpl>',
                        '</div></div>'





            ),



        },


    });

顺便说一句,我正在使用MVC模型。提前谢谢

1 个答案:

答案 0 :(得分:0)

列表模板不是为使用组件而设计的,但是您应该能够在数据视图中使用它们。另一种方法是将按钮的div添加到模板中,然后使用模板上的成员函数创建并向div渲染按钮。