[h：commandLink在dataTable内部不起作用

问题描述 投票：1回答：3

在我的JSF文件中，下面是开头。

<h:form><h:commandLink value="Create New Staff Account" action="adminCreateStaffMember"/></h:form>。

通过使用它，当我在Create New Staff Account上创建时，我被重定向到具有创建新帐户的表单的页面。

但是，当我在dataTable中使用相同的内容时，会采取无操作。我仍然在同一页上：（

<h:dataTable var="c" value="#{newStaffMemberServiceBean.newStaffMemberDataBeanList}"
  styleClass="order-table"
  headerClass="order-table-header"
  rowClasses="order-table-odd-row,order-table-even-row"
  border="1" id="staffListDataTable" width="100%">

  <h:column>
    <f:facet name="header">
       Staff Member Name
    </f:facet>
    <h:form><h:commandLink value="Create New Staff Account" action="adminCreateStaffMember"/></h:form>
  </h:column>
</h:dataTable>

实际上，我要打印的是我将要使用f:setPropertyActionListener的各个工作人员的详细信息。但是，由于上述操作无效，因此我不会继续。

[请建议我要去的地方错误。

更新1

我的newStaffMemberServiceBean在RequestScoped中

@ManagedBean(name = "newStaffMemberServiceBean")
@RequestScoped
public class NewStaffMemberServiceBean {
    // some code
}

更新2

HTML生成如下

dataTable之外

<div align="right">
<form id="j_idt35" name="j_idt35" method="post" action="/adminManageStaffMember" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt35" value="j_idt35" />
<a href="#" onclick="mojarra.jsfcljs(document.getElementById('j_idt35'),{'j_idt35:j_idt36':'j_idt35:j_idt36'},'');return false">Create New Staff Account</a><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="2664682277023387375:-3250423983171933030" autocomplete="off" />
</form>

内部dataTable

<form id="staffListDataTable:0:j_idt43" name="staffListDataTable:0:j_idt43" method="post" action="/adminManageStaffMember" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="staffListDataTable:0:j_idt43" value="staffListDataTable:0:j_idt43" />
<a href="#" onclick="mojarra.jsfcljs(document.getElementById('staffListDataTable:0:j_idt43'),{'staffListDataTable:0:j_idt43:j_idt45':'staffListDataTable:0:j_idt43:j_idt45'},'');return false">Create New Staff Account</a><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="2664682277023387375:-3250423983171933030" autocomplete="off" />
</form>
java jsf jsf-2 datatables commandlink
3个回答
7
投票

我建议对您的原始代码进行一些修改：

  1. 请勿对您的每个h:form使用commandLink，而对您的dataTable使用一种形式。

  2. action仅在找到触发该事件的组件后才会执行。如果您为datatable使用了一个请求范围的列表，那么在恢复视图时该列表将不存在，或者可能与用于创建该视图的原始列表不匹配。您可能必须将托管bean从请求范围更改为查看范围或更高。

  3. 作为建议，您可以使用h:outputLink或h:link代替commandLink并提供f:param来简化此操作，在这种情况下，您也不需要表格。

2
投票

您的表是否被其他表格包裹了？

如果是这种情况，并且您在表单中有表单...

删除包装<h:commandLink value="Create New Staff Account" action="adminCreateStaffMember"/>的表格标签

类似的东西

<h:column>
    <f:facet name="header">
       Staff Member Name
    </f:facet>
    <h:commandLink value="Create New Staff Account" action="adminCreateStaffMember"/>
</h:column>
0
投票

我想您的commandLink操作方法设置错误。您有以下代码：

<h:commandLink value="Create New Staff Account" action="adminCreateStaffMember"/>

您应该有这样的东西：

<h:commandLink value="Create New Staff Account"
    action="#{newStaffMemberServiceBean.adminCreateStaffMember"/>

此外，就像@Daniel一样，您只能使用1种形式将dataTable和commandLink包装在dataTable中。

更新：

您必须知道一些重要的事情：

如果您有一个列表作为托管Bean的属性，则此列表用于显示信息（即使用dataTable），并且您想在数据表中包含一些按钮或链接，那么您的托管Bean必须具有以下内容的引用：在创建者中列出。这可以通过至少两种方式来实现：

  • 保存并从会话中加载列表（非常糟糕的设计，很难维护代码）。
  • [将bean设置为ViewScoped（JSF2.x透视图。如果您使用的是JSF 1.2，则可以尝试使用RichFaces中的a4j:keepAlive标签或MyFaces中的t:saveState）。

话虽如此，由于您正在使用JSF 2，因此可以在bean上使用ViewScope。这样，在同一视图上执行请求后将不会重新创建该Bean，因此该列表将自动在Bean中saved。 Bean应该看起来像这样：

@ManagedBean(name = "newStaffMemberServiceBean")
@ViewScoped
public class NewStaffMemberServiceBean implements Serializable {
    private List<StaffMember> lstStaffMember;
    //getters and setters...
    public NewStaffMemberServiceBean() {
        //populate the list...
        lstStaffMember = new ArrayList<StaffMember>();
    }

    //managing the navigation using the id as a parameter
    //additional, this can (and MUST BE) improved.
    public String viewStaffMemberDetails() {
        //get the id parameter from the link
        int id = Integer.valueOf(FacesContext.getCurrentInstance()
            .getExternalContext().getRequestParameterMap().get("id"));
        //searching that id in our staff member list
        for(StaffMember sm : lstStaffMember) {
            if (sm.getId() == id) {
                //setting the staff member object in session
                FacesContext.getCurrentInstance().getExternalContext()
                    .getSessionMap().put("staffMember", sm);
                //returning the name of the page we want to navigate
                return "adminCreateStaffMember";
            }
        }
        return "";
    }
}

现在，让我们检查一下xhtml。非常简单：

<h:form>
    Welcome
    <br />
    <h:dataTable
        value="#{newStaffMemberServiceBean.lstStaffMember}"
        var="staffMember">
        <h:column>
            <f:facet name="header">
                Name
            </f:facet>
            <h:outputText value="#{staffMember.name}" />
        </h:column>
        <h:column>
            <f:facet name="header">
                View Details
            </f:facet>
            <h:commandLink value="Show details"
                action="#{newStaffMemberServiceBean.viewStaffMemberDetails}">
                <f:param name="id" value="#{staffMember.id}" />
            </h:commandLink>
        </h:column>
    </h:dataTable>
</h:form>

就是这样！您可以毫无问题地导航到adminCreateStaffMember.xhtml，并使用adminCreateStaffMember托管bean中的staffmember对象显示数据（详细信息）。我自己尝试了此代码（我在新电脑中，因此在发布，安装软件等之前，我必须先检查代码。）>

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.