首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >BootsFaces DateTimePicker AJAX不工作

BootsFaces DateTimePicker AJAX不工作
EN

Stack Overflow用户
提问于 2019-05-25 18:14:42
回答 1查看 524关注 0票数 1

在BootStrap中,通过AJAX调用后端bean似乎不适用于DateTimePicker组件。

如果我的代码错了,有没有人可以帮助我?

同样令我惊讶的是,BootStrap的DateTimePicker参考页面不能与AJAX一起工作。在参考页面(https://showcase.bootsfaces.net/forms/DateTimePicker.jsf)上

参考代码

代码语言:javascript
复制
<b:form>
  <b:dateTimePicker value="#{test.dataToPick}" ondtchange="ajax:test.updateTestField()" process="@this" update="@next" label="Select date:" iconAwesome="bolt" />
  <b:inputText value="#{test.testField}" label="Result: " readonly="true" />
</b:form>

也不起作用。

以下是我的代码无法工作的代码:

代码语言:javascript
复制
<b:form>
<b:dateTimePicker value="#{listBean.editMonth}"
    readonly="false"
    allow-input-toggle="false"
    icon-position="right"
    mode="popup"
    format="MMM YYYY"
    side-by-side="false"
    show-date="true"
    show-time="false"
    show-icon="true"
    required="true"
    viewMode="months"
    locale="en"
    iconSize="xs"
    styleClass="datePicker"
    id="monthpicker"
    process="@this"
    ondtchange="ajax:listTradesBean.updateMonth()"
    onblur="ajax:listTradesBean.updateMonth()"/>
</b:form>

通常情况下,我希望后端代码"updateMonth()“会被调用。后端bean的java代码片段简单地说是:

代码语言:javascript
复制
public void updateMonth() {
    System.out.println("WORKING!");     
}

使用AJAX调用此后端bean中的其他方法时不会出现问题。

EN

回答 1

Stack Overflow用户

发布于 2019-06-18 18:20:29

您是对的,Bootsfaces展示页面中的示例不起作用。

奇怪的是,我成功地构建了一个工作示例,它使用传统的JSF AJAX (遗留)语法解决了您的问题:

代码语言:javascript
复制
<b:dateTimePicker id="datePicker"
    format="DD/MM/YYYY HH:mm"
    value="#{testBB.selectedDate}"
    required="true"
    renderLabel="false"
    ajax="true"
    process="@this"
    update="@this"
    ondtchange="#{testBB.doSomething()}">
</b:dateTimePicker>

据我所知,这将与"ajax:testBB.doSomething()“的工作方式相同。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56303869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档