qooxdoo - qooxdoo 移动列表视图项目可扩展

Question

是否有可能使移动列表视图项目表现得像可折叠。我想实现特殊按钮或垂直扩展当前项目以显示/显示更多信息的东西。

显示对话框对我不起作用，因为它会干扰用户。这样我就能够克服移动设备上空间不足的问题并模拟多列列表视图（展开时显示额外的列数据），并且仍然能够使用“可选”功能在单击项目时实际显示内容/选中。

Answer 1

是的，可以这样做。

您只需修改（删除、添加）列表的模型。如果您从 qx.data.Array 中删除一项，则列表会自动更新。

另一个更高级的选项：

您可以编写自己的 qx.Mobile 列表渲染器并使用它来显示显示/隐藏列表项的按钮。

不要害怕编写自己的渲染器，在这种情况下它非常简单。

创建一个扩展自的类

 qx.ui.mobile.list.renderer.Abstract

你可以使用 qx.ui.mobile.list.renderer.Default 作为一个很好的起点（或者只是复制它的内容）。

您可以通过覆盖方法“createItemRenderer”来使用列表渲染器。：

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

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