Как создать таблицу с неизвестным (во время сборки) количеством столбцов - PullRequest
Новая
       4

Как создать таблицу с неизвестным (во время сборки) количеством столбцов

2 голосов
/ 05 октября 2010

Для простоты представьте, что у меня есть список списков. Я хочу отобразить 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
...

Есть идеи, как лучше всего с этим справиться?

Ответы [ 2 ]

2 голосов
/ 11 октября 2010

Вы рядом.Попробуйте это: 

<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) })
}

Я оставил некоторые типы и был немного более явным, чтобы вы могли видеть, что именно происходит.Ваша проблема заключалась в том, что вы использовали один и тот же шаблон in для каждого уровня, когда то, что вы хотели сделать, было постепенно сужать шаблон.Итак, в приведенном выше шаблоне мы хотим, чтобы все внутри тегов <a:row> повторялось для каждого элемента верхнего уровня списка, а затем все внутри <b:cell> повторялось для каждого Int.Способ сделать это - создать FuncBindParam, что мы и делаем со следующей строкой: 

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

Lift передаст xhtml, который содержался внутри тега <a:row>в качестве аргумента карри функции.А вызовы flatMap внутри каррированных функций повторяют шаблон столько раз, сколько необходимо.

2 голосов
/ 05 октября 2010

Если вам не нужен специфичный для Лифта ответ, что-то подобное может сработать 

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>

Ваш фактический вариант использования может быть немного сложнее, поэтому это может быть неприменимо.

...