Xpages、Bootstrap 和数据视图

Question

我在使用 Bootstrap 主题的 Xpage 应用程序中有一个数据视图。我开始使用视图，但永远无法让寻呼机排队，而且数据视图工作得更好。

但我不知道我的 table class css 放在哪里。例如，如果我想要一个剥离的 table，我在视图的 styleClass 中输入 "table table-striped"（或者它可能是 dataStyleClass）。如果我在数据视图的 styleClass 中这样做，我不会得到条带。

我尝试了下面 Mark 的建议，但有些地方不起作用。我添加了一个脚本调用并使用了 table 视图的 ID。它上面已经有 class 个 "cleearfix table"。

我添加了 Chrome 的网络检查器来显示正在发生的事情。

Answer 1

xe:dataView 控件确实有一个 styleClass 属性，但是您在那里设置的 classes 添加到包装数据视图的 div 元素，而不是table（这就是 Bootstrap 需要 table-striped class 的地方。我会用一些 JavaScript 来解决这个问题，添加你需要的 classes table 元素

<xp:scriptBlock
id="scriptBlock1">
  <xp:this.value><![CDATA[
    $("table.dataview").addClass("table-striped table-hover")
  ]]></xp:this.value>
</xp:scriptBlock>

Xpages、Bootstrap 和数据视图

Xpages, Bootstrap and Data Views

twitter-bootstrap-3

xpages

xpages-extlib