我正在使用PrimeFaces DataTable来显示记录(在沙盒应用程序中随机生成)。我正在使用复选框选择版本。基本的DataTable完美地工作,包括删除和取消按钮(这些功能只能从确认对话框中使用)。我正在尝试向DataTable添加功能,以便在选择复选框时,基于选择启用或禁用页面上的其他控件。
换句话说,如果未选择任何行(未选中任何复选框),则某些按钮和/或菜单项将被禁用或不呈现。通过单击复选框选择一个或多个行应启用或呈现控件。我尝试使用内置的JavaScript事件处理程序,但我无法使其工作。
现在,我的页面显示一个DataTable 5列:一个复选框选择列,名字,姓氏,年龄。我在我的另一个沙盒中使用简单的布尔复选框并使用onclick事件更新布尔值来实现了类似的操作。不幸的是,在这个DataTable中似乎没有类似的东西 - 或者如果有,我不知道如何实现它。
我的索引页面:
换句话说,如果未选择任何行(未选中任何复选框),则某些按钮和/或菜单项将被禁用或不呈现。通过单击复选框选择一个或多个行应启用或呈现控件。我尝试使用内置的JavaScript事件处理程序,但我无法使其工作。
现在,我的页面显示一个DataTable 5列:一个复选框选择列,名字,姓氏,年龄。我在我的另一个沙盒中使用简单的布尔复选框并使用onclick事件更新布尔值来实现了类似的操作。不幸的是,在这个DataTable中似乎没有类似的东西 - 或者如果有,我不知道如何实现它。
我的索引页面:
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<body>
<ui:composition template="./newTemplate.xhtml">
<ui:define name="content">
<h:form>
<p:dataTable rowSelectListener="#{tableBean.onRowSelect}" var="data" value="#{tableBean.data}" paginator="true" rows="10"
selection="#{tableBean.selectedNames}">
<f:facet name="header">
Customer List
</f:facet>
<p:column selectionMode="multiple" />
<p:column headerText="Cust ID">
<h:outputText value="#{data.id}" />
</p:column>
<p:column headerText="First Name">
<h:outputText value="#{data.firstName}" />
</p:column>
<p:column headerText="Last Name">
<h:outputText value="#{data.lastName}" />
</p:column>
<p:column headerText="Age">
<h:outputText value="#{data.age}" />
</p:column>
<f:facet name="footer">
<p:commandButton update="deleteList" value="Delete" oncomplete="deleteDlg.show()" />
</f:facet>
</p:dataTable>
<p:dialog header="Delete Selected Records" modal="true" widgetVar="deleteDlg"
>
<h:outputText value="You are about to permanently delete records." /><br /><br />
<h:outputText value="Are you sure you want to continue?" /><br /><br/>
<h:commandButton value="CANCEL" action="#{tableBean.cancelDelete()}" /> <h:commandButton value="Delete" action="#{tableBean.deleteNames()}" />
</p:dialog>
</h:form>
</ui:define>
</ui:composition>
</body>
</html>
可能与此相关的后端Bean代码:
public void deleteNames()
{
for(Data person : selectedNames)
{
data.remove(person);
}
}
public void cancelDelete()
{
for(Data name : selectedNames)
selectedNames = null;
}
public void onRowSelect(SelectEvent event)
{
if(selectedNames == null || selectedNames.length < 1)
setDisable(true);
else
setDisable(false);
}
public boolean isDisable() {
if(selectedNames == null || selectedNames.length < 1)
disable = true;
else
disable = false;
return disable;
}
public void setDisable(boolean disable) {
this.disable = disable;
}