Richfaces 数据表 - 添加新行而无需在客户端重新渲染整个数据表

发布于 2024-10-09 16:56:48 字数 215 浏览 6 评论 0原文

可以在命令按钮或命令链接的操作事件上将新行添加到关联的服务器端集合中，并且如果重新呈现整个表格，则可以在客户端上显示新添加的行。强>。

是否可以在客户端显示新添加的行而无需刷新整个数据表，使用部分渲染，在帮助下AjaxKeys 之类的？

预先感谢您的帮助:)

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅唱ヾ落雨殇 2024-10-16 16:56:48

如果要添加新行，则必须重新呈现整个数据表。如果您想重新呈现现有列，AjaxKeys 可能会很有用。

回复收藏 0 原文

放赐 2024-10-16 16:56:48

我也很想知道你问题的答案，
我可以使用传统的 Javascript 来实现这一点，但是当我使用 rich:datatable 时，我无法在客户端上添加新行。

但我使用 ajax 调用服务器函数来做到这一点，该函数将新的空行添加到 dataTable 列表并再次渲染 rich:datatable。

我的 xhtml 页面

<rich:column>
<f:facet name="header"><h:outputLabel value="#{msgs.notes}" style="font-size:15px;"/> </f:facet>
<h:inputText    value="#{line.notes}" >
    <a4j:ajax   event="blur" 
    execute="datatable" 
    render="datatable" 
    immediate="true" 
    listener="#{saleBacking.addNewLineInDataTable}"
    oncomplete="document.getElementById('myform:datatable:#{saleBacking.view_no_counter-1}:line').focus();"/>
</h:inputText>
</rich:column>

和 maneged bean 中

public void addNewLineInDataTable(AjaxBehaviorEvent event)
    {
        SaleLine saleLine = new SaleLine();
        saleLine.setId(salesLineslist.isEmpty() ? 1 : salesLineslist.get(salesLineslist.size() - 1).getId() + 1);
        salesLineslist.add(saleLine);
        saleLine = new SaleLine();
        saleLine = new SaleLine();
        saleLine.setSaleId(sale);
        saleLine.setViewNo(++view_no_counter);
        saleLine.setDiscount(0d);
        saleLine.setItemPrice(0d);
        salesLines.add(saleLine);
    }

I am very interested also to know an answer for your question,
I can achieve that using traditional Javascript, but when I use rich:datatable I cant add new rows on client.

But I did that using ajax calls to server functions, this function add new empty row to the dataTable List and render the rich:datatable again.

my xhtml page

<rich:column>
<f:facet name="header"><h:outputLabel value="#{msgs.notes}" style="font-size:15px;"/> </f:facet>
<h:inputText    value="#{line.notes}" >
    <a4j:ajax   event="blur" 
    execute="datatable" 
    render="datatable" 
    immediate="true" 
    listener="#{saleBacking.addNewLineInDataTable}"
    oncomplete="document.getElementById('myform:datatable:#{saleBacking.view_no_counter-1}:line').focus();"/>
</h:inputText>
</rich:column>

and in the maneged bean

public void addNewLineInDataTable(AjaxBehaviorEvent event)
    {
        SaleLine saleLine = new SaleLine();
        saleLine.setId(salesLineslist.isEmpty() ? 1 : salesLineslist.get(salesLineslist.size() - 1).getId() + 1);
        salesLineslist.add(saleLine);
        saleLine = new SaleLine();
        saleLine = new SaleLine();
        saleLine.setSaleId(sale);
        saleLine.setViewNo(++view_no_counter);
        saleLine.setDiscount(0d);
        saleLine.setItemPrice(0d);
        salesLines.add(saleLine);
    }

回复收藏 0 原文

~没有更多了~