Primefaces数据表使用LazyDataModel不更新。似乎没有调用load方法

时间:2013-10-21 20:29:42

标签: jsf jsf-2 primefaces

我正在使用一个使用LazyDataModel的primefaces 4.0数据表。我也在使用<p:rowEditor />,当编辑和保存行时,我的数据表数据没有被更新。似乎没有在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>
...

1 个答案:

答案 0 :(得分:4)

看来<p:ajax event="rowEdit">在设计中的设计不会更新除编辑行之外的任何内容。即使不是由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>

DO

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

并从方法中删除RowEditEvent参数。


顺便说一句,不是重新创建整个LazyDataModel以强制重新加载延迟数据模型,您也可以以某种方式获取DataTable组件实例的句柄(如方法参数?)并在其上调用loadLazyData()方法。例如。通过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();
}