如何创建具有未知（在构建时）列数的表

Question

为简单起见，假设我有一个列表列表。我想显示一个 html 表，其中顶级列表的每个元素都有一行，该行中的每一列都是子列表的元素。

因此

List(List(1,2,3), List(4,5,6), List(7,8,9))

会导致显示如下的 html 表：

1     2     3
4     5     6
7     8     9
10    11    12

这是我的尝试（模板）

    <table>
        <lift:viewQuery.res2>
            <tr>
            <a:row>
                <td><a:num/></td>
            </a:row>
            </tr>
        </lift:viewQuery.res2>
    </table>

以及片段中的相关方法：

def res2(in :NodeSeq) : NodeSeq = {
  val data = List(List(1,2,3), List(4,5,6), List(7,8,9), List(10,11,12))

  def bindChild(child : List[Int],in :NodeSeq) = {
    child.flatMap(c => Helpers.bind("a", in,
                                    "num" -> c.toString))
  }
  data.flatMap(childList => Helpers.bind("a", in,
                                         "row" -> bindChild(childList, in)))
}

当我转到该页面时，它会给我以下错误：

error on line 28 at column 23: Namespace prefix a on row is not defined
error on line 29 at column 31: Namespace prefix a on num is not defined
error on line 34 at column 23: Namespace prefix a on row is not defined
error on line 35 at column 31: Namespace prefix a on num is not defined
...

关于处理此问题的最佳方法的任何想法？

Answer 1

你很接近。试试这个：

<table>
    <lift:viewQuery.res2>
        <a:row>
        <tr>
            <b:cell><td><cell:num/></td></b:cell>
        </tr>
        </a:row>
    </lift:viewQuery.res2>
</table>

对于你的片段：

def res2(in :NodeSeq) : NodeSeq = {
  import Helpers._
  val data = List(List(1,2,3), List(4,5,6), List(7,8,9), List(10,11,12))

  def cell(x: List[Int])(template: NodeSeq) = 
    x.flatMap{y: Int => bind("cell", template, "num" -> y) }
  def row(x: List[List[Int]])(template: NodeSeq) = 
    x.flatMap {y =>  bind("b", template, "cell" -> { x: NodeSeq => cell(y)(x)} ) }

  bind("a", in, "row" -> { x: NodeSeq => row(data)(x) })
}

我留下了一些类型并且更加明确，这样你就可以看到到底发生了什么。您的问题是，您在每个级别都使用相同的模板，而您想要做的是逐步缩小模板范围。因此，在上面的模板中，我们希望对列表的每个顶级项目重复 标记内的所有内容，然后对 内的所有内容重复。 对每个 Int 重复。实现此目的的方法是创建一个 FuncBindParam，这就是我们对以下行所做的事情：

 "row" -> { x: NodeSeq => row(data)(x) }

Lift 将传入 中包含的 xhtml ; 标记作为柯里化函数的参数。柯里化函数内部的 flatMap 调用负责根据需要多次重复模板。

Answer 2

如果您不需要特定于 Lift 的答案，类似的方法可能会起作用，

val data = List(List(1,2,3), List(4,5,6), List(7,8,9))
<table>{data.map(row => <tr>{row.map(col => <td>{col}</td>)}</tr>)}</table>

但您的实际用例可能会更复杂一些，因此这可能不适用。