BootsFaces selectMultiMenu无法正确呈现

时间:2015-07-09 14:23:41

标签: twitter-bootstrap jsf bootsfaces

我在Mojarra 2.2.7,PrimeFaces 5.2,BootsFaces 0.7.0。

我正在创建我的第一个BootsFaces页面。我已对其进行了配置,加载了资源,并且我能够创建一个包含b:inputTextb: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>

它渲染不正确(选项始终可见,位于按钮顶部),但选项是可选的;也错过了插入符号:

selectMultiMenu render fail

这是一个常见的陷阱吗?

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

1 个答案:

答案 0 :(得分:2)

感谢您报告此错误。我打开了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