4

我正在使用使用 LazyDataModel 的 primefaces 4.0 数据表。我也在使用<p:rowEditor />and 当一行被编辑和保存时,我的数据表数据没有被更新。似乎在 ajax 更新时没有调用 LazyDataModel.load 方法。

有什么我做错了或解决方法吗?这是一个已知问题吗?

LazyUserDataModel.java

public class LazyUserDataModel extends LazyDataModel<User> {

        private static final long serialVersionUID = -7759670987463023731L;
        private List<User> users;
        private Dao dao;
        private String username;
        private List<String> roles;

        public LazyUserDataModel(Dao dao, String username, List<String> roles) {
            this.dao = dao;
            this.username = username;
            this.roles = roles;
        }

        @Override  
        public List<User> load(int first, int pageSize, String sortField, SortOrder sortOrder, Map<String,String> filters) {  

            List<User> users = new ArrayList<User>();  
            users = dao.findAllUsers(username, roles, first, pageSize);
    ...

UserGroupBacking.java

...
    private LazyDataModel<User> users;

    @PostConstruct
        public void init() {
            this.ds = databaseBacking.getDs();
            if(isLoggedIn()) {
                loadData();
            }
        }

    public void updateUsersGroups(RowEditEvent event) {
        // Save data to db (this part works fine)
        loadData();
    }

    private void loadData() {
            Dao dao = new Dao(ds);
            users = new LazyUserDataModel(dao, accessBacking.getUsername(), accessBacking.getRoles());
        }
    ...

.xhtml

<p:tabView id="tabs">

    <p:tab id="userTab" title="Users">
        <h:form id="userForm">

            <p:growl for="growl" severity="info" autoUpdate="true" showDetail="true" />
            <p:messages id="userMessages" severity="error" showDetail="true" />

            <p:dataTable var="user" value="#{userGroupBacking.users}" editable="true" id="userTable" paginator="true" rows="20"  
                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" lazy="true"
                    filteredValue="#{userGroupBacking.filteredUsers}" >

                <p:ajax event="rowEdit" listener="#{userGroupBacking.updateUsersGroups}" update=":tabs:userForm:userTable, :tabs:userForm:userMessages" /> 

                <p:column headerText="User" filterBy="#{user.name}" filterMatchMode="contains">
                    <h:outputText value="#{user.name}" />
                </p:column>

                <p:column headerText="Groups">
                    <p:cellEditor>
                        <f:facet name="output">
                            <ui:repeat var="group" value="#{user.groups}">
                                <h:outputText value="#{group.name}" /><br />
                            </ui:repeat>
                        </f:facet>
                        <f:facet name="input">
                            <p:selectCheckboxMenu value="#{user.groupsAsString}" label="Groups" filter="true" filterText="Filter" filterMatchMode="contains">
                                <f:selectItems value="#{userGroupBacking.groupsAsSelectItems}" />
                            </p:selectCheckboxMenu>
                        </f:facet>
                    </p:cellEditor>
                </p:column>
...
4

1 回答 1

4

看起来,<p:ajax event="rowEdit">表中的 dos by design 除了已编辑的行之外没有更新任何其他内容。即使不是由update属性明确指定。它会被完全忽略。这可能是有道理的,但这是 IMO 过于热心,值得一个问题报告。

我在源代码中做了一些挖掘,但似乎不太容易改变/覆盖这种行为。您最好的选择是在单独的 ajax 请求中执行整个表的更新。对此<p:remoteCommand>很有帮助。

代替

<p:dataTable id="userTable" ...>
    <p:ajax event="rowEdit" listener="#{userGroupBacking.updateUsersGroups}" update=":tabs:userForm:userTable, :tabs:userForm:userMessages" /> 
    ...
</p:dataTable>

<p:remoteCommand name="updateUsersGroups" action="#{userGroupBacking.updateUsersGroups}" update="userTable userMessages" />
<p:dataTable id="userTable" ...>
    <p:ajax event="rowEdit" oncomplete="updateUsersGroups()" /> 
    ...
</p:dataTable>

并从方法中删除RowEditEvent参数。


顺便说一句,您可以选择以某种方式(作为方法参数?)获取组件实例的句柄并在其上调用方法,而不是重新创建整体LazyDataModel以强制重新加载惰性数据模型。例如通过:DataTableloadLazyData()binding

<p:remoteCommand name="updateUsersGroups" action="#{userGroupBacking.updateUsersGroups(userTable)}" update="userTable userMessages" />
<p:dataTable id="userTable" binding="#{userTable}" ...>
    <p:ajax event="rowEdit" oncomplete="updateUsersGroups()" /> 
    ...
</p:dataTable>

public void updateUsersGroups(DataTable table) {
    // ...
    table.loadLazyData();
}
于 2013-11-03T16:50:31.293 回答