Erstellen Sie DataItem in Dataview Sencha Touch 2

Ich brauche erstellen Sie ein dataview-Komponente mit der folgenden Struktur

Struktur

Habe ich gelernt, wie das erstellen von einfachen text-Komponente, aber diese Struktur ist schwieriger.
Ich benutze diesen code, aber ist nur das Feld name

Ext.define('DEMO.view.product.ListItem', {
extend: 'Ext.dataview.component.DataItem',
xtype: 'product-list-item',
config: {
    cls: 'product-list-item',
    dataMap: {
        getName: {
            setHtml: 'name'
        }
    },
    name: {
        cls: 'x-name',
        flex: 1
    },
    layout: {
        type: 'hbox',
        align: 'left'
    }
},
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);
    }
}

});

so wie ich das sehe, wenn du nicht gehst, zu erstellen Ext.Component in Ihrem dataview, dann müssen Sie nur eine Liste mit skaliert HTML-Vorlage
Aber in der Liste mit skaliert, HTML-template, kann ich nicht einfügen, Schaltflächen oder textfield-Komponenten. Ich muss einfügen, 2 Knöpfe, der erste zu erhöhen, die zweite zu subtrahieren Sie die Menge. Wie mache ich es?

InformationsquelleAutor sneyder05 | 2012-04-17

Schreibe einen Kommentar