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

时间:2013-09-16 17:12:11

标签: qooxdoo

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

显示对话框对我不起作用,因为它会侵扰用户。通过这种方式,我可以克服移动设备上的空间不足并模拟多列列表视图(展开时显示其他列数据),并且仍然能够使用“可选”功能在单击项目时实际显示内容/选择

1 个答案:

答案 0 :(得分:1)

是的,可以这样做。

您只需要修改(删除,添加)列表的模型。如果从qx.data.Array中删除一个项目,List会自动更新。

另一个更高级的选项:

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

不要害怕编写自己的渲染器,在这种情况下很简单。

创建一个从

扩展的类
 qx.ui.mobile.list.renderer.Abstract

您可以使用qx.ui.mobile.list.renderer.Default 作为一个很好的起点(或只是复制其内容)。

您可以通过重写方法“createItemRenderer”来使用List Renderer。 :

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

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