问题标签 [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.

0 投票
1 回答
186 浏览

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?

0 投票
1 回答
972 浏览

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:

0 投票
2 回答
1247 浏览

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 下拉菜单格式?

0 投票
1 回答
1099 浏览

maven - 使用 Bootsfaces DateTimePicker

我尝试使用 Bootsfaces 的 DateTimePicker,但选择日期和时间的弹出窗口不起作用。我正在使用添加依赖项的 maven

我也在使用命名空间

这是我想使用 DateTimePicker 的地方

如果有人可以帮助我,我将不胜感激。

编辑: 结果截图(mode='inline' 已删除)

问题是右侧应该打开弹出窗口的按钮不可点击。同样,通过聚焦输入字段,不会显示弹出窗口。

0 投票
1 回答
386 浏览

jsf - 使用 Bootsfaces 数据表 - 无法使用 dataTableColumn

我正在使用 Bootsfaces0.9.1。当我尝试按照展示中的建议使用 bootsfaces 数据表时,我无法使用 b:dataTableColumn 标记。它表示“值”属性未在 b:dataTableColumn 标记中定义。

我无法访问值属性中的“项目”。

0 投票
1 回答
1124 浏览

jsf - 如何使 Bootsfaces 数据表在行选择时显示对话框

目前正在开发一个使用 Bootsfaces 的项目。我有一个 bootsfaces 数据表,我需要在选择行时打开一个对话框。请告知如何进行。

下面是代码

我正在使用

作为对话框。

0 投票
1 回答
408 浏览

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 停止插入这个样式表,或者可能本地化样式表?

0 投票
1 回答
1650 浏览

jsf - Bootsfaces modalbox 填充了来自 dataTable 列的数据

我正在使用 JSF 2.0 和 Bootsfaces 0.9.1。我有一个基于数据库中用户数据的数据表。每列还包含几个用于修改数据的按钮。

在此处输入图像描述

当我单击铅笔(编辑用户)时,会显示一个模态框,我想在其中修改相应的数据。

在此处输入图像描述

由于我想编辑数据,我希望将当前信息自动填充到文本框中。我怎样才能做到这一点?

这是xhtml源代码:

0 投票
1 回答
1330 浏览

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/

谢谢大家。

0 投票
1 回答
330 浏览

jsf - b:dataTable 扩展

我想实现与 BootsFaces DataTable 组件中 PrimeFaces 的“扩展”相同的行为。我们尝试了各种方式,但没有得到这个结果。

你能在 BootsFaces 中实现相同的组件吗?

http://www.primefaces.org/showcase/ui/data/datatable/expansion.xhtml