Просмотр списка в виде чата в Sencha Touch

У меня есть список, отсортированный таким образом, что самые последние элементы отображаются внизу, как окно чата, в котором самое последнее сообщение обычно отображается внизу.

Этот список находится внутри представления с панелью инструментов вверху и текстовым полем внизу. Внешний макет — vbox, а список настроен на flex: 1.

Проблема, с которой я сталкиваюсь, заключается в том, что когда список пуст, если я набираю сообщение, оно появляется вверху пустого списка. На моем устройстве, когда у меня включена сенсорная клавиатура, весь вид выдвигается вверх, и я не вижу сообщения, которое только что ввел. Проблема решается сама собой, как только в списке появляется достаточно сообщений, чтобы заполнить пространство между верхней панелью инструментов и нижним текстовым полем, потому что тогда, когда я ввожу сообщение, оно появляется внизу списка, а не вверху.

Есть ли способ настроить макет таким образом, чтобы, когда список пуст, сообщение по-прежнему отображалось внизу, и с каждым добавленным сообщением список продолжал занимать пространство над ним?

Пожалуйста помоги! Спасибо!


person John Doe    schedule 03.09.2014    source источник


Ответы (1)


Добавьте разделитель между списком и входной частью.

  • если вы работаете с пристыкованным: 'нижним' элементом, список поднимается вверх и больше никогда не отображается.
  • если вы работаете с прокладкой, поле ввода выдвигается вверх, но при этом размер экрана уменьшается и, следовательно, список все еще виден.

ставь лайк

items: [
    {
        xtype: 'dataview',
        scrollable: false,
    },
    {
        xtype: 'spacer'
    },
    {
        xtype: 'textfield',
        docked: 'bottom'
    }
]

как только вы получаете слишком много элементов, вы можете переключиться на список.

person Dinkheller    schedule 19.09.2014
comment
Не могли бы вы уточнить? - person John Doe; 21.09.2014