JSF 中Datatable 上的commandLink失效问题

最新推荐文章于 2020-05-22 00:41:28 发布
最新推荐文章于 2020-05-22 00:41:28 发布
阅读量1.8k 收藏 1
点赞数
文章标签： jsf string binding tomcat session action

之前使用的查询数据列表一直是datatable,Back bean里面的属性用的是ListDataModel类型。被上面的commandLink链接无效困扰了许久。最终找到解决方法了：使用HtmlDataTable替代ListDataModel,页面使用binding属性绑定该HtmlDataTable.关于HtmlDataTable 和ListDataModel的特点及差别，由于本人时间有限尚未做深究。  现将本人看到的原文转载如下：

   声明：以下文字是本人转载于http://www.gzsec.com/bbs/dispbbs.asp?boardID=6&ID=629&page=1 若侵犯了你的权益，请与本人联系。

 

JSF中commandLink与dataTable搭配不能正常工作的解决办法

1. 环境

Myfaces1.4 + tomahawk-1.1.3 + tomcat5.x + JDK5

下载：http://myfaces.apache.org

2. 问题描述

假设场景，首先显示用户列表（用dataTable来实现列表显示），然后可以点击用户的名字导航到用户详细信息页面。

3. 尝试实现以及出现的问题

UserInfo.java

 

package com.wide.jsf.model;

 

/**

* 用户信息

*

* @author cydooo

*

*/

public class UserInfo {

private Long userId;

private String username;

private String userdesc;

public UserInfo() {

}

public UserInfo(Long userId, String username) {

this.userId = userId;

this.username = username;

}

public UserInfo(Long userId, String username, String userdesc) {

this(userId, username);

this.userdesc = userdesc;

}

//省略getter和setter

}

 

UserInfoAction.java

 

package com.wide.jsf.web;

 

import java.util.Arrays;

import java.util.List;

 

import javax.faces.context.FacesContext;

 

import com.wide.jsf.model.UserInfo;

 

public class UserInfoAction {

 

/*

* 用于显示详细信息

*/

private UserInfo userInfo;

 

/*

* 用于显示用户列表

*/

private List<UserInfo> userInfos;

 

public UserInfo getUserInfo() {

return userInfo;

}

 

public void setUserInfo(UserInfo userInfo) {

this.userInfo = userInfo;

}

 

public List<UserInfo> getUserInfos() {

return userInfos;

}

 

public void setUserInfos(List<UserInfo> userInfos) {

this.userInfos = userInfos;

}

 

public String listUser() {

userInfos = Arrays.asList(new UserInfo[] { new UserInfo(1L, "Tom"),new UserInfo(2L, "John"), new UserInfo(3L, "Lily") });

return "listUser";

}

 

public String showDetail() {

FacesContext context = FacesContext.getCurrentInstance();

Long userId = Long.parseLong((String) context.getExternalContext()

.getRequestParameterMap().get("userId"));

System.out.println("==>" + userId);

switch (userId.intValue()) {

case 1:

userInfo = new UserInfo(1L, "Tom", "I am Tom");

break;

case 2:

userInfo = new UserInfo(2L, "John", "I am John");

break;

case 3:

userInfo = new UserInfo(3L, "Lily", "I am Lily");

}

return "userdetail";

}

}

 

Backingbean和navigation的配置

 

<managed-bean>

<managed-bean-name>userInfoAction</managed-bean-name>

<managed-bean-class>

com.wide.jsf.web.UserInfoAction

</managed-bean-class>

<managed-bean-scope>request</managed-bean-scope>

</managed-bean>

<navigation-rule>

<from-view-id>/listUser.jsp</from-view-id>

<navigation-case>

<from-outcome>userdetail</from-outcome>

<to-view-id>/userdetail.jsp</to-view-id>

</navigation-case>

</navigation-rule>

<navigation-rule>

<from-view-id>/userdetail.jsp</from-view-id>

</navigation-rule>

 

Jsp页面内容

A． listUser.jsp

 

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ page contentType="text/html; UTF-8" pageEncoding="UTF-8"%>

 

<f:view>

<html>

<head>

<title>userlist</title>

</head>

 

<body>

<h:form>

<h:dataTable var="user" value="#{userInfoAction.userInfos}">

<h:column>

<h:commandLink value="#{user.username}" action="#{userInfoAction.showDetail}">

<f:param value="#{user.userId}" name="userId"/>

</h:commandLink>

</h:column>

</h:dataTable>

</h:form>

</body>

</html>

</f:view>

 

B. userdetail.jsp

 

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ page contentType="text/html; UTF-8" pageEncoding="UTF-8"%>

 

<f:view>

<html>

<head>

<title>userDetail</title>

</head>

 

<body>

<h:form>

<h:outputText value="#{userInfoAction.userInfo.userdesc}"/>

</h:form>

</body>

</html>

</f:view>

 

编码结束，启动tomcat测试，进入userlist页面之后，我们可以看到用户列表，但点击用户查看详细信息的时候，发现并没有调用showDetail方法。

4. 解决办法

A． 将<managed-bean-scope>request</managed-bean-scope>改为<managed-bean-scope>session</managed-bean-scope>。这是最简单的做法，改了之后重起Tomcat之后马上就看到效果了。但是很明显的使用session scope不好，比如这个例子，用户列表在当前seesion有效的情况下将一直保留，多窗口浏览器中也容易发生意想不到的问题。没有必要不要用session。

B． 将用户列表绑定到dataTable控件。

首先修改UserInfo类，让他实现Serializable接口，其他代码完全一样，实现Serializable接口是必须的，否则会抛出java.io.NotSerializableException异常。

 

public class UserInfo implements Serializable{…}

 

UserInfoAction.java的修改

 

package com.wide.jsf.web;

 

import java.util.Arrays;

import java.util.List;

 

import javax.faces.component.html.HtmlDataTable;

import javax.faces.context.FacesContext;

 

import com.wide.jsf.model.UserInfo;

 

public class UserInfoAction {

 

/*

* 用于显示详细信息

*/

private UserInfo userInfo;

 

/*

* 绑定用户列表

*/

private HtmlDataTable dataTable = new HtmlDataTable();

 

public UserInfo getUserInfo() {

return userInfo;

}

 

public void setUserInfo(UserInfo userInfo) {

this.userInfo = userInfo;

}

 

public String listUser() {

List<UserInfo> userInfos = Arrays.asList(new UserInfo[] { new UserInfo(1L, "Tom"),

new UserInfo(2L, "John"), new UserInfo(3L, "Lily") });

dataTable.setValue(userInfos);

return "listUser";

}

 

public String showDetail() {

FacesContext context = FacesContext.getCurrentInstance();

Long userId = Long.parseLong((String) context.getExternalContext()

.getRequestParameterMap().get("userId"));

System.out.println("==>" + userId);

switch (userId.intValue()) {

case 1:

userInfo = new UserInfo(1L, "Tom", "I am Tom");

break;

case 2:

userInfo = new UserInfo(2L, "John", "I am John");

break;

case 3:

userInfo = new UserInfo(3L, "Lily", "I am Lily");

}

return "userdetail";

}

 

public HtmlDataTable getDataTable() {

return dataTable;

}

 

public void setDataTable(HtmlDataTable dataTable) {

this.dataTable = dataTable;

}

}

 

listUser.jsp的修改

 

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ page contentType="text/html; UTF-8" pageEncoding="UTF-8"%>

 

<f:view>

<html>

<head>

<title>userlist</title>

</head>

 

<body>

<h:form>

<h:dataTable var="user" binding="#{userInfoAction.dataTable}">

<h:column>

<h:commandLink value="#{user.username}" action="#{userInfoAction.showDetail}">

<f:param value="#{user.userId}" name="userId"/>

</h:commandLink>

</h:column>

</h:dataTable>

</h:form>

</body>

</html>

</f:view>

 

重起Tomcat一切OK，不需要非得在session scope下了。

mouhk
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jsf2.0 dataTable单行修改例子
12-18
在JSF（JavaServer Faces）2.0中，`dataTable`是一个非常重要的组件，用于展示动态数据表。这个例子展示了如何实现一个具有单行编辑功能的`dataTable`，让用户能够直接在表格中编辑数据并保存更改。下面我们将深入...
JSF_dataTable中commandLink的失效问题
gapele的专栏
12-28 226
        dataTable组件中的"&lt;h:commandLink"操作要重新进行一次查询的，这个时候如果与之前列表中的查询结果不一至那么就不进行有关的操作的，那么问题就在查询条件不一样上，因为在"&lt;h:commandLink"操作上重新进行一次查询时，上面的条件未完未提交，生成的查询条件就一定如出列表时的条件不一样，查询结果就不同，所以"&lt;h:commandLink"操...
jsf dataTable 中"<h:commandLink"有时不生效分析
hymn_com的专栏
12-17 1249
 jsf dataTable 中"  在jsf架构中有个dataTable组件非常好用, 只要指列表表格的数据源(backing bean写一返回一list的get方法)即可, 我们一般会在[get*List]的方法可调用逻辑层或DAO层的数据库的查询所需列表数据的动作。这样看起来好像一切都没问题，但当我们要将查询与dataTable组件结合一起使用时，[get*List]进行数据
jsf primefaces datatable
02-22
在`jsfDemo`项目中，我们可能会有一个简单的`HelloJSF`示例，它演示了如何在JSF页面上使用`DataTable`显示数据。这个例子可能包含以下部分： - **Managed Bean**: 定义一个Java类，包含数据列表的属性和方法，如`...
JSF2datatable分页控件与左侧菜单
11-27
JSF2.xdatatable分页控件与左侧菜单最简单应用 　JSF2.x，功能强大，使用方便。全世界使用JSF的人越来越多。而且也有很多很好的控件给发出来了，如：richfaces、primefaces、myfaces等，就日前来讲primefaces功能...
ajax4jsf 刷新datatable 例子
01-17
在这个“ajax4jsf 刷新datatable 例子”中，我们将探讨如何利用Ajax4jsf实现数据表格（datatable）的局部刷新功能，从而提高用户体验。 首先，让我们了解什么是Datatable。在JSF中，`<h:dataTable>` 是一个组件，...
JSF中文教程.zip
07-20
**JSF（JavaServer Faces）** 是一个Java平台上的用户界面框架，用于构建Web应用程序。JSF的核心思想是提供一种组件化的方式来进行Web开发，它将用户界面与业务逻辑分离，使得开发人员可以专注于界面设计，而无需...
JSF datatable 中 使用 commandlink 和 commandbutton 问题
Java 世界
03-04 129
我在JSF开发中遇到了一个问题。首先我的环境如下: jsf 1.2 , myeclipce 8.5 , tomcat 6 代码如下，在datatable 外面的 commandlink 可以使用，而使用datatable 里的 commandlink 则是跳回本页，有没有大虾知道是怎么回事？ jsf coding: [code="html"] ...
rich:dataTable中的h:commandLink不调用后台
永不言弃
06-25 171
页面代码：    &lt;h:form id="xiaohan"&gt;        &lt;h:outputLabel value="库中还没有数据" rendered="#{ca != null and ca.rowCount == 0}"/&gt;    &lt;rich:dataTable value="#{ca}" var="result" render
JSF 2 dataTable排序示例– DataModel
一名可爱的技术搬运工
05-22 135
在前面的JSF 2 dataTable排序示例中 ，展示了最简单的方法，即使用自定义比较器对列表进行排序并显示在dataTable中。 数据模型装饰器 在此示例中，它显示了对dataTable中的列表进行排序的另一种方法，在“ Core JavaServer Faces（第3版） ”中提到了这种方法，称为DataModel Decorator。 1.数据模型 创建一个装饰器类以...
JSF onclick false 时无法阻止action或actionListener
zhangxiaofei2012的专栏
01-14 981
如 actionListener="#{newSignRoomControler.saveSignatureSigner}" onclick="signNumValidate()" oncomplete="sendSignatureLogDig.hide()"> 当signNumValidate()函数返回return false;依然会执行
JSF dataTable 添加列 动态创建数据表 列
最新发布
05-25
你可以使用JSF的dataTable组件，在JavaBean中动态创建列和数据，然后将它们绑定到dataTable组件上。 以下是一个示例： 在JSF页面中，使用dataTable组件来显示数据： ``` <h:dataTable value="#{myBean.data}" var...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值