Sencha touch 2 是否向dataview行添加按钮？

我正在试用新的dataview组件，我正在使用这个Sencha示例：

在KittensListItem中，我删除了图像，现在我想添加三个 按钮上写着：电子邮件、Facebook和Twitter，而不是 商店里的价值。当用户点击每个按钮时，我想 显示每个按钮各自的存储值。如何做到这一点

以下是当前屏幕的外观：

Example.view.KittensListItem：

Ext.define('Example.view.KittensListItem', { extend: 'Ext.dataview.component.DataItem', xtype : 'contactslistitem', requires: [ 'Ext.Button', 'Ext.slider.Slider' ], config: { dataMap: { getName: { setHtml: 'name' }, getSlider: { setValue: 'cuteness' }, getEmail: { setHtml: 'email' }, getTwitter: { setHtml: 'twitter' }, getFacebook: { setHtml: 'facebook' } }, name: { flex: 1 }, slider: { flex: 1 }, email: { text: 'Email', style: 'font-size: 12px;', flex: 1 }, facebook: { text: 'Facebook1', style: 'font-size: 12px;', flex: 1 }, twitter: { text: 'Twitter', style: 'font-size: 12px;', flex: 1 }, layout: { type: 'hbox', align: 'center' } }, applyName: function(config) { return Ext.factory(config, Ext.Component, this.getName()); }, updateName: function(newName, oldName) { if (newName) { this.add(newName); } if (oldName) { this.remove(oldName); } }, applySlider: function(config) { return Ext.factory(config, Ext.slider.Slider, this.getSlider()); }, updateSlider: function(newSlider, oldSlider) { if (newSlider) { this.add(newSlider); } if (oldSlider) { this.remove(oldSlider); } }, applyEmail: function(config) { return Ext.factory(config, Ext.Button, this.getEmail()); }, updateEmail: function(newEmailButton, oldEmailButton) { if (newEmailButton) { this.add(newEmailButton); } if (oldEmailButton) { this.remove(oldEmailButton); } }, applyTwitter: function(config) {return Ext.factory(config, Ext.Button, this.getTwitter()); }, updateTwitter: function(newTwitterButton, oldTwitterButton) { if (newTwitterButton) { this.add(newTwitterButton); } if (oldTwitterButton) { this.remove(oldTwitterButton); } }, applyFacebook: function(config) { return Ext.factory(config, Ext.Button, this.getFacebook()); }, updateFacebook: function(newFacebookButton, oldFacebookButton) { if (newFacebookButton) { this.add(newFacebookButton); } if (oldFacebookButton) { this.remove(oldFacebookButton); } } }); 型号：

Ext.define('Example.model.Kitten', { extend: 'Ext.data.Model', config: { fields: [ "name", "email", "twitter", "facebook", { name: "cuteness", type: 'int' } ] } }); 商店：

Ext.define('Example.store.Kittens', { extend: 'Ext.data.Store', requires: ['Example.model.Kitten'], config: { model: 'Example.model.Kitten', data: [ { name: 'one', email: 'email@addr', twitter: '@twitter', facebook: 'Facebook...', cuteness: 70 }, { name: 'two', email: 'email@addr', twitter: '@twitter', facebook: 'Facebook...', cuteness: 90 }, { name: 'three', email: 'email@addr',twitter: '@twitter', facebook: 'Facebook...',cuteness: 40 } ] } });

---

在浏览互联网之后，我发现每个按钮都有一个“点击”事件的链接。诀窍是在update*函数中添加一个tap侦听器。我仍然不知道如何在每个按钮上设置静态标签

顺便说一句，一个更好的答案会让其他人投票并检查

updateEmail: function(newEmailButton, oldEmailButton) { if (newEmailButton) { newEmailButton.on('tap', this.onEmailButtonTap, this); this.add(newEmailButton); } if (oldEmailButton) { this.remove(oldEmailButton); } }, onEmailButtonTap: function(button, event) { var record = this.getRecord(); Ext.Msg.alert(record.get('email') + ", " + record.get('facebook') ); }

---

嗨，我是Sencha Touch的新手，在开始时也有问题。我在这篇文章中找到了从控制器访问dataview项组件/值的方法。在我的例子中，我希望同时使用slider和editbox值，并在更新后自动更新任一值

Dataview有一个itemtap侦听器，可以方便地返回行索引和记录，如中所述。我仍然发现，锁定被点击的组件是一个问题，因此最终只是按事件对象名称过滤组件

控制器：

facebook按钮元素的dataview配置包括name属性：

    facebook: {
        name: 'facebookbutton'
        text: 'Facebook1',
        style: 'font-size: 12px;',
        flex: 1
    },

---

我仍然觉得ST2必须有更好的方法来一起处理dataview行组件，而不必每次都查找索引/组件。

有一种更好的方法可以使用滑块/值，方法是将这两个滑块/值都包含在相同的组件中。不要再和控制器乱搞了。

    facebook: {
        name: 'facebookbutton'
        text: 'Facebook1',
        style: 'font-size: 12px;',
        flex: 1
    },