如何解决在Click上对Primefaces DataTable重新排序
我想执行行切换onclick,如下例所示。 Primeface允许交换行的唯一方法是使它们可拖动,这对我来说不是一个选择。戳了一天,没有运气。我将不胜感激,谢谢! PF版本6.1。
function moveUp(id){
let element = $("tr").find(`[data-ri='${id}']`);
element.prev().before(element);
}
function moveDown(id){
let element = $("tr").find(`[data-ri='${id}']`);
element.next().after(element);
}
<p:dataTable id="prices-table" var="price" value="#{Bean.prices}">
<p:ajax event="rowReorder" listener="#{Bean.onPriceReorder}"
update="prices-table" />
<p:column style="width:16px">
<p:commandButton update="prices-table" onclick="moveUp()">up</p:commandButton>
<p:commandButton update="prices-table" onclick="moveDown()">down</p:commandButton>
</p:column>
<p:column headerText="Title">
<h:outputText value="#{price.title}" />
</p:column>
</p:dataTable>
解决方法
谢谢,我设法完全不用任何JS,为可能偶然发现此问题的任何人发布了代码。 JSF:
<p:dataTable id="prices-table" var="price" value="#{Bean.prices}">
<p:column style="width:16px">
<p:commandButton update="@form" actionListener="#{Bean.movePrice(price,'up')}">up</p:commandButton>
<p:commandButton update="@form" actionListener="#{Bean.movePrice(price,'down')}">down</p:commandButton>
</p:column>
<p:column headerText="Title">
<h:outputText value="#{price.title}" />
</p:column>
<p:column headerText="Amount">
<h:outputText value="#{price.amount}">
<f:convertNumber minFractionDigits="2" type="currency" currencySymbol="$" />
</h:outputText>
</p:column>
Bean:
public void movePrice(Price price,String direction) {
int orderPosition = price.getOrderPosition();
boolean isPricesSwapped = false;
if (direction.equals("up") && orderPosition != 0) {
Collections.swap(prices,orderPosition - 1,orderPosition);
isPricesSwapped = true;
}
if (direction.equals("down") && orderPosition != prices.size()) {
Collections.swap(prices,orderPosition,orderPosition + 1);
isPricesSwapped = true;
}
if (isPricesSwapped) {
for (int i = 0; i < prices.size(); i++) {
price = prices.get(i);
price.setOrderPosition(i);
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。