Создайте Android как сетку в sencha touch 2

Я пытаюсь создать Android как представление сетки в sencha touch 2. Представление сетки должно иметь 9 кнопок с 3 строками и 3 столбцами. Я очень новичок в сенче, я гуглил, но не смог найти решение. Пожалуйста, помогите мне сделать это.


android-gridview sencha-touch-2
person Prabhu M    schedule 02.04.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

В основном у вас есть два варианта:

  1. Контейнер с макетом vbox, который содержит три дочерних элемента с макетом hbox.

  2. Контейнер с макетом hbox, который содержит три дочерних элемента с макетом vbox.

Подробнее о макете здесь

Я выберу первый вариант, так как это пример из демонстрации Kitchen Sink demo. :

layout: {
    type : 'vbox',
    pack : 'center',
    align: 'stretch'
},

defaults: {
    xtype: 'container',
    flex : 1,
    layout: {
        type : 'hbox',
        align: 'middle'
    },
    defaults: {
        xtype : 'button',
        margin: 15
    }
},

items: [
    {
        items: [
            {text: 'Normal'},
            {ui: 'round', text: 'Round'},
            {ui: 'small', text: 'Small'}
        ]
    },

    {
        items: [
            {ui: 'decline', text: 'Decline'},
            {ui: 'decline-round', text: 'Round'},
            {ui: 'decline-small', text: 'Small'}
        ]
    },
    {
        items: Ext.os.deviceType.toLowerCase() == "phone" ? [
            {ui: 'confirm', text: 'Confirm'},
            {ui: 'confirm-round', text: 'Round'},
            {ui: 'confirm-small', text: 'Small'}
        ] : [
            {ui: 'confirm', text: 'Confirm'},
            {ui: 'confirm-round', text: 'Round'},
            {ui: 'confirm-small', text: 'Small'}
        ]
    }
]

Демо: http://www.senchafiddle.com/#XFHkg#sZTqH

person Eli    schedule 02.04.2013