BootsFaces selectMultiMenu 无法正确呈现

Question

我正在使用 Mojarra 2.2.7、PrimeFaces 5.2、BootsFaces 0.7.0。

我正在创建我的第一个 BootsFaces 页面。我已经配置好它，加载了资源，我能够创建一个带有面板的容器，面板带有 b:inputText 和 b:selectOneMenu。现在我想添加一个 b:selectMultiMenu:

<b:selectMultiMenu nonSelectedText="Please select">
  <f:selectItem itemLabel="Option 1" itemValue="1"/>
  <f:selectItem itemLabel="Option 2" itemValue="2"/>
  <f:selectItem itemLabel="Option 3" itemValue="3"/>
</b:selectMultiMenu>

它呈现不正确（选项始终可见，在按钮顶部），但选项是可选的；插入符号也不见了：

这是一个常见的陷阱吗？

我已经检查了我的浏览器调试工具 (Chromium)，在网络窗格中没有看到任何错误；例如/javax.faces.resource/css/bootstrap-multiselect.css?ln=bsf、/javax.faces.resource/js/bootstrap-multiselect.js?ln=bsf等资源被加载。 Javascript 控制台也没有错误。所以我找不到任何明显的错误。

Answer 1

感谢您报告此错误。我打开了 ticket on our Bugtracker。在新版 BootsFaces 发布之前，您有以下三种选择：

在页面的某处添加 <b:dropMenu />（例如，添加到导航栏）。
手动添加缺少的依赖项： xml <h:head> <h:outputStylesheet library="bsf" name="css/dropdowns.css"></h:outputStylesheet> <h:outputScript library="bsf" name="js/dropdown.js" target="body"></h:outputScript> </h:head>
如果您喜欢冒险，请构建并使用 BootsFaces 的开发人员版本 (BootsFaces 0.8.0-SNAPSHOT)。它是 https://github.com/TheCoder4eu/BootsFaces-OSP.

我还上传了 demo project 显示前两个解决方法。

BootsFaces selectMultiMenu 无法正确呈现

BootsFaces selectMultiMenu does not render correctly

jsf

twitter-bootstrap

bootsfaces