qooxdoo mobile list view item expandable

Question

Есть ли какая-либо возможность сделать мобильный элемент списка, который будет выглядеть как складной. Я хотел бы использовать специальную кнопку или что-то, что вертикально расширяет текущий элемент, чтобы показать/показать больше информации.

Отображение диалога не работает для меня, потому что оно навязчиво для пользователей. Таким образом, я смогу преодолеть нехватку места на мобильных устройствах и смоделировать представление столбцов нескольких столбцов (показывая дополнительные данные столбца при расширении) и все еще иметь возможность использовать «выбираемые» функции, чтобы фактически показывать контент при нажатии элемента/выбран.

Answer 1

Да, это возможно.

Вам просто нужно изменить (удалить, добавить) модель вашего списка. Если вы удалите один элемент из qx.data.Array, список автоматически обновится.

Другой, более продвинутый вариант:

Вы можете написать свой собственный qx.Mobile Список визуализатор и использовать его для отображения кнопки, которая показывает/скрыть элемент списка.

Не бойтесь писать свой собственный рендер, в этом случае это довольно просто.

Создать класс, который простирается от

qx.ui.mobile.list.renderer.Abstract 

Вы можете использовать qx.ui.mobile.list.renderer.Default в качестве хорошей отправной точки (или просто скопировать его содержимое).

Вы используете List Renderer, переопределив метод «createItemRenderer». :

var list = new qx.ui.mobile.list.List({ 
     configureItem: function() { 
     [...] 
     } 

     createItemRenderer: function() { 
      return new your.app.renderer.YourListRenderer(); 
     } 
}