BootsFaces selectMultiMenu 无法正确呈现答案

【问题标题】：BootsFaces selectMultiMenu does not render correctlyBootsFaces selectMultiMenu 无法正确呈现
【发布时间】：2015-09-27 23:56:43
【问题描述】：

我正在使用 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 控制台中也没有错误。所以我找不到任何明显的错误。

【问题讨论】：

我认为 BootFaces 和 PrimeFaces css 可能会在这里发生冲突。检查你的浏览器开发者工具什么都应用了...
没有 PrimeFaces 规则应用于 multiselect-container dropdown-menu。 BootFaces 应该"play nicely with PrimeFaces"
应该！= 100% 肯定会 ;-)
我设法重现了这个问题。它与 PrimeFaces 无关。顺便说一句，我们的营销声明意味着 BootsFaces 旨在与 PrimeFaces 一起使用。不用说，每次我们都可能会错过或引入不兼容问题，但我们会尽快修复任何不兼容问题。

标签： twitter-bootstrap jsf bootsfaces

【解决方案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 的 Maven 项目主机。

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

【讨论】：

谢谢！我正在浏览您的网站和 GitHub 以查找有关 BootsFaces 的路线图信息，但找不到任何信息。你能告诉我们什么时候可以期待 0.8.0 或 0.7.1？
很难说。一方面，我想尽快发布 0.8.0。在过去的几周里，我们一直很忙，我们已经完成了很多有趣的功能。另一方面，未解决的错误列表每天都在增长。绝大多数票是功能请求，但我仍然不愿意发布一个有 30 多个开放票的新版本。我的猜测是我们将在 8 月底或 9 月初发布新版本——但这只是猜测，不是官方声明。同时，我将在 Maven Central 上发布开发者快照。
@JasperdeVries 我刚刚上传了 BootsFaces 0.8.0 的快照版本。您可以在github.com/TheCoder4eu/BootsFaces-OSP/issues/151 找到下载坐标。当然，这是一个开发者快照，它可能有效，也可能无效。主要目的是让您尽早测试新功能和错误修复。
太棒了！我会试一试的。如果我遇到什么问题，我会在 GitHub 中创建一个问题。干杯！