问题标签 [bootsfaces]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jsf - 如果页面包含 b:carousel,则 SPA 方法不起作用
环境:
我正在编写一个带有 JSF2.2、Bootsfaces 0.9.1、Primefaces 6.0、JEE7 和 Hibernate 5.2 以及 MySQL 5.7 DB 的 SPA。
我有的:
我的 SPA 在上部有一个导航栏,在左侧有一个基于导航栏选择的特定菜单。在右侧和导航栏下方,我有我的主要“内容页面”。类似于这张图片,但不同的是我的菜单是动态的:
为了更新我使用 AJAX 的内容页面。
只要我的内容页面不包含 ab:carousel,导航周围的一切都会按我的预期工作!
我试图做的事情:
正如我上面提到的,我的 SPA 和所有导航都正常工作,除非我将 ab:carousel 添加到内容页面。
请考虑以下示例:
我有 2 个内容页面。第 1 页包含带有一些文本的单个标签。第 2 页包含带有一些图像的 ab:carousel。第 1 页是欢迎页面。当我从第 1 页导航到第 2 页时,什么也没有发生。我需要完全刷新整个页面才能看到第 2 页,即使这不是每次都有效。
我的主要问题:
如果上面有 ab:carousel,是否有任何技巧可以使用 ajax 更新内容页面?我究竟做错了什么?
编辑:
我在 github 上创建了一个示例项目,因此您可以明白我的意思。我使用了 Java 1.8、Tomcat 8.0.36 和 Netbeans IDE,但是该项目是一个 Maven 项目,也应该在 eclipse 中工作。
项目:https ://github.com/mweber96/stackoverflow39128418
我部分使用的 SPA 方法:http ://www.beyondjava.net/blog/single-page-applications-with-bootsfaces/
这个问题与我之前的问题有关:Use ui:repeat with b:carousel?
javascript - 如何在从 Bean 调用函数之前执行 Javascript 函数?
我正在处理一个巨大的 JSF 项目,对于这个问题,我缩短了最重要的部分,以便理解。事情是,用户必须填写一个注册表单,在这种情况下要求其身份(身份)并单击“完成注册”按钮调用一个请求注册确认的 javascript 函数,以便通过 commandButton 发送表单并显示一个“cargando”($cargando)模式。一旦请求到达服务器,用户就会注册并执行 r_registrar javascript 函数,该函数将隐藏“cargando”($cargando)模式。
我的问题是,如果用户不写它的标识(identificacion),则不会调用来自 bean 的函数 registrar(),因此。它不会执行 javascript 函数 r_registrar,因此,“cargando”模式不会隐藏。
我希望我能确定发送的表格中是否有任何错误。万一出现错误,我希望隐藏“cargando”模式。
非常感谢。
Codigo XHTML:
科迪戈豆(java):
Codigo JavaScript:
jsf - primefaces 数据表过滤器 selectCheckboxMenu 与 bootsfaces
我正在使用带有 bootsfaces 的 primefaces 数据表,并且有一个我想解决的 CSS 冲突。
从 primefaces 展示中实现过滤器示例:
http://www.primefaces.org/showcase/ui/data/datatable/filter.xhtml
给了我这个结果: datatable filter example good
但是,在页面中添加一个 bootsfaces 组件,例如(唯一的变化是添加一个空<b:inputtext>
元素):
给出了这个结果: primefaces datatable filter style error
过滤器的下拉框的边距已更改,导致向下箭头不在正确的位置。文本也减少到 0.85。
有没有一种方法可以将 bootsfaces 与 primefaces 数据表结合起来并保持 primefaces 下拉菜单格式?
maven - 使用 Bootsfaces DateTimePicker
我尝试使用 Bootsfaces 的 DateTimePicker,但选择日期和时间的弹出窗口不起作用。我正在使用添加依赖项的 maven
我也在使用命名空间
这是我想使用 DateTimePicker 的地方
如果有人可以帮助我,我将不胜感激。
编辑: 结果截图(mode='inline' 已删除)
问题是右侧应该打开弹出窗口的按钮不可点击。同样,通过聚焦输入字段,不会显示弹出窗口。
jsf - 使用 Bootsfaces 数据表 - 无法使用 dataTableColumn
我正在使用 Bootsfaces0.9.1。当我尝试按照展示中的建议使用 bootsfaces 数据表时,我无法使用 b:dataTableColumn 标记。它表示“值”属性未在 b:dataTableColumn 标记中定义。
我无法访问值属性中的“项目”。
jsf - 如何使 Bootsfaces 数据表在行选择时显示对话框
目前正在开发一个使用 Bootsfaces 的项目。我有一个 bootsfaces 数据表,我需要在选择行时打开一个对话框。请告知如何进行。
下面是代码
我正在使用
作为对话框。
jsf - Bootsfaces 硬编码字体真棒链接
我们有一个 web 应用程序,它使用 Bootsfaces 0.9.1 进行布局,使用 Primefaces 6.0 进行组件。
我注意到页面的加载时间很慢(即使是一个只有两个页面的页面p:buttons
),所以我使用浏览器网络监控工具来计算花费了这么长时间的原因。尝试加载 afont-awesome.css
需要 250 毫秒,似乎 bootsfaces 已在它的一个类 ( net.bootsfaces.listeners.InternalFALink
)中硬编码一个指向maxcdn.bootstrapcdn.com
和 的链接font-awesome.css
,这导致在 HTML 中插入以下内容
问题是网络应用程序无法访问互联网,所以显然它无法获得这个。反正有没有让 bootsfaces 停止插入这个样式表,或者可能本地化样式表?
javascript - b:dataTable 选择一行(而且只有一行)
早上好。我在bootsfaces中的代码有问题。我需要我的 DataTable 支持单行选择,但不支持多行选择。但是,我的表总是只使用多项选择。
这是我的代码:
我没有得到简单的选择,因为我提到了这些页面:
•<a href="http://showcase.bootsfaces.net/forms/DataTable.jsf" rel="nofollow">http://showcase.bootsfaces.net/forms/DataTable.jsf
•<a href="https://datatables.net/reference/option/" rel="nofollow">https://datatables.net/reference/option/
谢谢大家。
jsf - b:dataTable 扩展
我想实现与 BootsFaces DataTable 组件中 PrimeFaces 的“扩展”相同的行为。我们尝试了各种方式,但没有得到这个结果。
你能在 BootsFaces 中实现相同的组件吗?
http://www.primefaces.org/showcase/ui/data/datatable/expansion.xhtml