我将如何验证素数数据表中的序列选择

Question

我有需要验证数据表中行的系列选择的情况。我需要在系列中选择行时启用按钮，并在未在系列中选择行时禁用按钮。

禁用按钮

启用按钮

XTML

<p:dataTable id="listStackFormTable" var="stackLine"
scrollRows="80" scrollable="true" rowIndexVar="rowIndex"
value="#{stackEditBean.listStackLineForm}"
selection="#{stackEditBean.stackLinesSelected}"
sortBy="#{stackLine.serialNo}" editingRow="cell" editable="true"
rowKey="#{stackLine}"
styleClass="table-f no-h-scroll stack-Listing">
<p:ajax event="toggleSelect"
listener="#{stackEditBean.rowSelect}"
update="listStackFormTable" process="@this"></p:ajax>
<p:ajax event="rowSelect" listener="#{stackEditBean.rowSelect}"
update="listStackFormTable" process="@this" />
<p:ajax event="rowSelectCheckbox"
listener="#{stackEditBean.rowSelect}"
update="listStackFormTable" process="@this"></p:ajax>
<p:ajax event="rowUnselectCheckbox"
listener="#{stackEditBean.rowUnSelect}"
update="listStackFormTable" process="@this"></p:ajax>
</p:dataTable>

爪哇岛

private List<StackLineForm> stackLinesSelected;
private List<StackLineForm> listStackLineForm; 

public void rowSelect(SelectEvent event) {
StackLineForm selectedRow = (StackLineForm) event.getObject();
List<StackLineForm> list = new ArrayList<StackLineForm>();
for (StackLineForm form : this.stackLinesSelected) {
list.add(form);
form.setSelectedStackLineFlag(true);
}
this.getDimHarvestBackingBean().setListSelectedDim(list);
this.setStackLinesSelected(list);
}
public void rowUnSelect(UnselectEvent event) {
StackLineForm selectedRow = (StackLineForm) event.getObject();
List<StackLineForm> list = this.stackLinesSelected;
for (StackLineForm form : this.stackLinesSelected) {
if (selectedRow.getSaKey().equals(form.getSaKey())) {
selectedRow.setSelectedStackLineFlag(false);
list.remove(selectedRow);
}
}
this.getDimHarvestBackingBean().setListSelectedDim(list);
this.setStackLinesSelected(list);
}

Answer 1

只需为 rowUnselectCheckbox 和 rowSelectCheckbox 放置一个 ajax 事件处理程序，然后在您想要的场景中启用/禁用该按钮。

<p:ajax event="rowSelectCheckbox" listener="#{bean.eventListener}" />
<p:ajax event="rowUnselectCheckbox" listener="#{bean.eventListener}" />

Answer 2

为 dataTable 的selection属性提供一个新列表，与当前列表的类型相同。 将 4 个 ajax 放入 dataTable 中，带有listener和update，在侦听器中检查两个列表以查看您的条件是否满足，将其放入布尔值中并在按钮的disabled属性中使用它。如果按钮采用其他形式，请不要忘记使用客户端 ID 更新按钮。

<p:dataTable id="datalist"
value="#{bean.items}" var="item"
selection="#{bean.selectedItems}
editable="true"
editMode="cell"
rowKey="#{item.id}">
<p:ajax event="rowSelect"   update="form:disabledBtn form:enabledBtn" listener="#{bean.setBtnDisabled()}"/>
<p:ajax event="rowUnselect" update="form:disabledBtn form:enabledBtn" listener="#{bean.setBtnDisabled()}"/>
<p:ajax event="rowSelectCheckbox" update="form:disabledBtn form:enabledBtn" listener="#{bean.setBtnDisabled()}"/>
<p:ajax event="rowUnselectCheckbox" update="form:disabledBtn form:enabledBtn" listener="#{bean.setBtnDisabled()}"/>
<p:column selectionMode="multiple"/>

你也可以做布尔检查，客户端用javascript，我不记得太多，但一般的想法是，在你的ajaxoncomplete中使用dataTable dom，循环遍历子级并使用selected类检查元素并检查你的boolean在那里，禁用你的按钮，无论是用css和pointer-event还是用remoteCommand来切换你的boolean。(这是一般的想法，还有更多细节(。