尝试在 Enyo 中使 3 列数据间距相等

Question

我正在为 enyo 开发一个项目，需要有 3 列，格式如下：

--- date---      ---- message -------      ----- attachments-------

问题是每行都有不同的间距。因此，如果第一个日期是 1/2/10012，下一个日期是 12/22/2002，消息列将不会对齐。我研究过使用 sliderPane，但想知道是否有更简单的方法来做到这一点。

Answer 1

我不确定我是否完全理解这个问题，但如果你想要一个显示块包含 3 个等距的“列”，你可以这样做：

{kind: enyo.VFlexBox, components: [
    {kind: enyo.HFlexBox, flex: 1, align: "center", pack: "center", components: [
        {name: "column1", flex: 1, content: "Column 1"},
        {name: "column2", flex: 1, content: "Column 2"},
        {name: "column3", flex: 1, content: "Column 3"},
    ]}
]}

Answer 2

我相信你想要的是VirtualRepeater。这允许重复的行列表（它表示最多 ~100 行，因此请确保它适合您的用例）。这应该允许可变高度的行（这就是我认为你正在谈论的）。在 getItem 函数中，您可以根据需要填写每一行，它们会对齐。