Register / Login

Jim Rocard

Greenhorn

+ Follow

news 2 Posts 1 Threads

since Jul 17, 2009

Merit badge: grant badges

For More

Cows and Likes

Cows

Total received

In last 30 days

0

Forums and Threads

Recent posts by Jim Rocard

Trouble updating primefaces component w/ajax

Figured it out... I'm not updating the list used to populate my dataTable after insert, therefore it's not being sent in the response. Pretty easy fix for anyone that falls into the same trap.

13 years ago

Trouble updating primefaces component w/ajax

Hello! I'm basically building a file manager and using a PrimeFaces dataTable to output a list of the users' directories/files. I'm trying to allow a user to create a new folder using a modal window, and would like it to append the new row to the dataTable upon a successful request. So far, everything is working server-side, but I can't seem to append the changes to the dataTable without a refresh. I feel like I'm missing something simple and was hoping that one of you all might be able to point out my mistake.

Here is the xHTML...

<body>
<div class="content">
<div id="mainContent">
<div class="topNav">
<h:form id="navForm">
<p:commandButton value="Upload"/>
<p:commandButton value="New Folder" onclick="createDlg.show();" />
<p:commandButton value="Delete Folder" action="#" />
</h:form>
</div>
<div id="filePanel">
<h:form id="dataTable" prependId="false">
<p:dialog header="Create" widgetVar="createDlg" modal="true" height="200">
<p:panel header="New Folder">
<h:panelGrid columns="2">
<h:outputLabel value="Name:" for="txt_name"></h:outputLabel>
<p:inputText id="txt_name" value="#{directoryController.newDir.name}" required="true" />
<p:commandButton value="Create" actionListener="#{directoryController.createNew}" update="dGrid" oncomplete="createDlg.hide();"/>
<p:ajaxStatus style="width:16px; height:16px;">
<f:facet name="start">
<h:outputText value="Saving..." />
</f:facet>
<f:facet name="">
<h:outputText value="Complete." />
</f:facet>
</p:ajaxStatus>
</h:panelGrid>
</p:panel>
</p:dialog>
<p:dataTable id="dGrid" value="#{directoryController.itemsByOwner}" var="dir">
<p:column selectionMode="multiple"/>
<p:column sortBy="#{dir.name}">
<f:facet name="header">
File Name
</f:facet>
<h:outputText value="#{dir.name}" />
</p:column>
<p:column>
<f:facet name="header">
File Size
</f:facet>
</p:column>
</p:dataTable>
</h:form>
</div>
</div>
</div>
</body>

and finally the backing bean method that is called....

13 years ago