三组 Smalltalk Seaside 显示而不使用表格

Question

我为我本地的塑料模型俱乐部建立了一个网站，该网站涉及在一个页面上显示多张图片。我喜欢并排展示他们 3 个。到目前为止，我使用的是一系列嵌套的表格代码，这变得非常困惑。

有没有更简单的方法。假设我有 12 张图像，我想向它们显示三横四行。我可以使用 html 表格、html 表格行等来做到这一点，但是如果有很多 if 语句等，它会变得非常复杂。

因为我每天都在维护网站时遇到问题，所以我已经删除了海边版本，但您可以在当前主页上看到显示类型的示例，网址为http://www.ipms-clacton.org.uk。在“成员(member)模特精选”下

大卫

Answer 1

如果您想以编程方式制作表格，您可以使用以下代码作为类(class)中的新消息。如果您将 html 和 orderedCollection 传递给它，它会生成一个新表，其宽度为 3 个项目，行数与它所需的一样多。最后一行可以少于三个元素。您需要将其更改为显示图像而不是文本，但这是一个开始的地方。 removeFirst: 命令从有序集合中移除一些项目并将这些项目作为新集合返回。这使您可以将集合分解为各个行的元素。这是消息的定义:

make3Table: html using: anOrdCollection

html table: [ 
    [ anOrdCollection size >= 3 ] whileTrue: [ html tableRow: [
        (anOrdCollection removeFirst: 3) do: [ :item | html tableData: item ]
        ].
    ].
    anOrdCollection isNotEmpty ifTrue: [ 
        html tableRow: [ 
            anOrdCollection do: [  :item |  html tableData: item ]
        ]
    ].
]