Question

我有以下html结构：

<div class="top_level">
   ... other elements ...
</div>

我希望输出结果为DIV序列：

<div id="1" class="top_level">
   ... other elements ...
</div>
<div id="2" class="top_level">
   ... other elements ...
</div>
<div id="3" class="top_level">
   ... other elements ...
</div>

我试图通过CssSel变换来实现这一点，其中嵌套元素本身将被循环（div中有一个表），所以我有类似于：

".top_level *" #> groups.map(group =>
  ".top_level [id]" #> group.id & // WHAT CSS Selector can I use? 
  ".the_row *" #> group.rows.map( ... )
  )

一切正常，除了ID没有设置。我可以看到我的选择器“.top_level [id]”是嵌套的，因此它有意义它不起作用，但我想不出还有什么可以放在那里得到我正在寻找的结果。

Answer 1

这是一种重复.top_level元素的方法，同时为每个节点添加一个id并进一步处理内容。您可以将其剪切并粘贴到REPL中以进行播放。

scala> import net.liftweb.util.Helpers._
import net.liftweb.util.Helpers._

scala> val html = <div class="top_level">
     |   <table>
     |     <tr>
     |       <td>Cell</td>
     |     </tr>
     |   </table>
     | </div>
html: scala.xml.Elem = 
<div class="top_level">
  <table>
    <tr>
      <td>Cell</td>
    </tr>
  </table>
</div>


scala> val data = List(("id1", "cell 1"), ("id2", "cell 2"))
data: List[(java.lang.String, java.lang.String)] = List((id1,cell 1), (id2,cell 2))

scala> val sel = ".top_level" #> {
     |   data map { d =>
     |     ".top_level [id]" #> d._1 &
     |     "td *" #> d._2
     |   }
     | }
sel: net.liftweb.util.CssSel = CssBind(Full(.top_level), Full(ClassSelector(top_level,Empty))) 

scala> sel.apply(html)
res0: scala.xml.NodeSeq = 
NodeSeq(<div class="top_level" id="id1">
  <table>
    <tr>
      <td>cell 1</td>
    </tr>
  </table>
</div>, <div class="top_level" id="id2">
  <table>
    <tr>
      <td>cell 2</td>
    </tr>
  </table>
</div>)

Answer 2

另一个答案是按如下方式重构代码：

def listXform(itemTemplate : NodeSeq) : NodeSeq = {
  val iterableXform = for(t <- list;
      a <- t.optionalElement;
      b <- a.optionalElement
     ) yield {
     (".top_level [id]" #> a.id &
     // other bits
     ).apply(itemTemplate)
  }

  iterableXform.foldLeft(NodeSeq.Empty)( (a,b) => a ++ b)
}

def render(seq : NodeSeq) : NodeSeq = listXform(seq)

但鉴于我之前的误解，这不太理想。

在Lift中，如何在重复（自动复制）CssSel变换中选择顶级元素

2 个答案: