个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我用javaee6和jsf2开发了一个小应用程序。我想要一个没有按钮的搜索字段(只需键入并按 Enter 键并给出结果)。我在 bean 中有一个搜索方法:
public Book searchByTitle(String title) {
this.book = bookFacade.searchByTitle(title);
return book;
}
我想通过jsf页面调用这个方法(带参数？可以吗？)，所以我尝试这样做:
<h:form>
<h:inputText id="search" value="#{bookBean.searchString}"></h:inputText>
<h:commandButton value="Search by title" action="#{bookBean.searchByTitle}">
<f:ajax execute="search" render="output"></f:ajax>
</h:commandButton>
<h2><h:outputText id="output" value="#{bookBean.book.title}"></h:outputText>
</h2>
</h:form>
但这行不通。在 jsf2 xhtml 页面中执行搜索字段的正确方法是什么？
编辑:我尝试使用/不使用参数调用 searchByTitle 函数。
提前致谢!
最佳答案
第一步，如果您使用 Java EE 6 兼容容器(例如 GlassFish V3、Resin 4、JBoss AS 6 或 7 等)并且您已将 commons-el.jar 之类的内容放入 WEB-INF，<强>删除它。这是没有必要的，而且只会造成伤害。
I want a search field with no button (just type and hit enter and give the result)
在这种情况下，您也不需要命令按钮，但可以使用如下所示的按钮:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
>
<h:head/>
<h:body>
<h:form>
<h:inputText id="search" value="#{bookBean.searchString}"
onkeypress="if (event.keyCode == 13) {onchange(event); return false;}"
onchange="return event.keyCode !== undefined"
>
<f:ajax listener="#{bookBean.updateBook}" render="output" />
</h:inputText>
<h2>
<h:outputText id="output" value="#{bookBean.book}"/>
</h2>
</h:form>
</h:body>
</html>
将 bookBean 定义为:
@ViewScoped
@ManagedBean
public class BookBean {
private Map<String, String> exampleData = new HashMap<String, String>() {{
put("dune", "The Dune Book");
put("lotr", "The Lord of the Rings Book");
}};
private String searchString;
private String book;
public void updateBook(AjaxBehaviorEvent event) {
book = exampleData.get(searchString);
}
public String getSearchString() {
return searchString;
}
public void setSearchString(String searchString) {
this.searchString = searchString;
}
public String getBook() {
return book;
}
}
在 Facelet 中，请注意 h:head 元素的重要性。如果没有它，JSF 就不知道在响应中的何处插入 AJAX 支持所需的脚本。
在示例中，当 f:ajax 客户端行为添加到所谓的 EditableValueHolder 时，JSF 生成的默认 onchange 方法每当用户按下回车键时就会被调用。监听器属性会导致在 AJAX 事件上调用一个方法。由于 searchString 已绑定(bind)到支持 bean 的属性，因此您不必将其作为参数提供给监听器方法。
此方法的一个小缺点是，当您更改搜索字段中的值并只需在其外部单击时，AJAX 调用也会被调用。
更新
向 h:inputText 添加 onchange 处理程序修复了上述问题。 JSF 会自动将其与来自客户端行为的 AJAX 代码链接起来。如果返回 false，则链将中止，因此 AJAX 调用不会发生。
如果处理程序是由真正的更改事件触发的，则处理程序onchange="return event.keyCode !== undefined"将返回 false ；事件对象将不具有 keyCode 属性。
关于jakarta-ee - JSF2 搜索框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7544335/
25
4
0
我试图了解 JSF 实现如何识别用户的各种可能操作。在我放在一起的简单应用程序中，我在 login.xhtml 页面中配置了以下字段。 用户名 - 输入字段 密码 - 密码字段 登录按钮 取消按钮 登
我已经开始学习 JSF，我想知道在我们的类路径中包含什么 JAR 以开始使用 JSF。是jsf-api或 jsf-impl ?或者我们必须同时包含两者？如果两者都是，那么为什么它们不合并？ 最佳答案
我是 java server faces (JSF) 的初学者，我需要将文本输入的内容传递到第二页以显示它，同样适用于第二页:我想将单选按钮值传递到第三页。我搜索并尝试了很多但没有成功。例如我试过
我有一个 JSF 页面。我的 CommandButton 操作方法值取决于 bean 变量值。 例子: Bean headerBean 具有可变的 actionValue，值为“someBean.do
我有两个 JSF 页面，假设 A 和 B。从这两个页面 A 和 BI 可以导航到页面 C。现在页面 C 中有一个按钮(确定按钮)，单击它应该导航回 A 或 B，具体取决于从哪里(A 或 B)调用 C
我可以在没有 JSTL 标签的情况下使用 JSF 执行条件逻辑吗？ 例如，我制作了一个复合组件，并想说明，如果指定了“id”属性，则定义“id”属性，但如果未指定“id”属性，则不要指定“id”属性。
我有一个应用程序，用户可以在其中从我的应用程序的欢迎页面动态切换语言环境。我看到早期的开发人员(在没有太多文档的情况下继承了代码)已经从 ViewHandler 覆盖了以下三个方法，并告诉我这是动态切
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
有没有一种方法可以在我的 JSF 2.0 应用程序中处理浏览器刷新事件，以便在浏览器刷新页面时将用户导航到欢迎页面？ 这让我想到了另一个问题，即如何在托管 bean 中进行页面导航？ 干杯， 最佳答案
我有两页。搜索页面是第一个接受用户输入的页面。第二页显示数据表中的结果集。第二页有 3 个面板，用于结果集、更新和在单个页面中创建。根据单击的按钮，我将面板呈现为真和假。 . . . . . .
由于我们在 Asp.Net 中有 comparevalidator，我们在 JSF 中有什么来验证两个字段的值是否相同？我想验证密码和确认密码字段。 最佳答案 不，这样的验证器在基本的 JSF 实现中
我想构建一个自定义 JSF 组件。现在我从 oracle 阅读了一些文档并看到了一些代码示例。问题是我有点困惑: 似乎有两种方法可以使用 JSF 2.0+ 构建自定义组件。据我了解，自 JSF 2.0
我遇到了与 user1598186 在他的问题中提到的相同的问题:p:commandButton doesn't call bean's method in an page 但是，没有给出解决方案(
这个问题在这里已经有了答案: Ajax update/render does not work on a component which has rendered attribute (1 个回答)
是否有内置机制可以有条件地重定向到另一个 View ？如果他/她已经登录，我希望用户从登录页面重定向到“主页”。 我已经有两种基本方法，但对于第一种我不知道如何实现，第二种是一种肮脏的解决方法。 添加
如何在 JSF 中格式化值 我需要格式化一个数字，如:12345.67 到 12,345.67 可以用模式吗？ 最佳答案 尝试使用: 关于jsf - 用逗号格式化为数字 JSF，我们在Sta
根据this blog JSF 正在走向无状态。使用 JSF 的全部意义不在于它使保存和恢复状态成为一件苦差事。 JSF 成为无状态的有什么意义？您能否提供一个有用的示例。 最佳答案 首先，我想澄清
我读到某个地方(不再找到它)，可以在资源包中使用EL Expresions，然后在不更改* .xhtml文件的情况下使用它。 some.text=#{someBean.stepsLeft} more
我想看一个简单的登录应用程序，不像this那么简单尽管。 我想要实现的是对 JSF 的工作原理的理解，我开发了很多 ASP.NET，您可以在其中隐藏代码，并且您可以在其中检查是否在登录时创建了 ses
如果#{myBean.birthdate}是java.util.Calendar或java.util.Date类型，我可以格式化吗this 在 EL 本身内部可能使用现有函数，其输出类似于 DateF
我是一名优秀的程序员,十分优秀！