RemoteCommand request inside primeface datatable

[Mat Anthony]

Hi All,
I'm calling google maps api to calculate the distance between two supplier post codes.
I'm displaying the result using prime face dataTable. I would like to be able to display all the
details of all suppliers without having to wait for the distance. Once the distance comes back
from google maps api, the result should then populate the distanceToSuplier within the table.
I have been looking at using primeface remoteCommand, but I'm not sure if this is the correct approach.
(i.e. supplierController.calculateSupplierDistance makes the call to google maps api)


<h:form id="form1"> <p:dataTable id="dataTable" value="#{pageControl.suppliers}" var="supplier" emptyMessage="Sorry we currently do not have any Suppliers" lazy="true" rowIndexVar="rowIndex" colIndexVar="colIndex" paginator="true" rows="10" selection="#{supplierController.selectedSuppliers}" styleClass="userDataTableStyle" paginatorPosition="bottom" paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10" > <p:column> <h:outputText value="#{supplier.name}" /> </p:column> <p:column> <h:outputText value="#{supplier.product}" /> </p:column> <p:column> <h:outputText id="#{rowIndex}" value="#{supplier.distanceToSupplier}" /> <p:remoteCommand name="onload" update="form1:dataTable:#{rowIndex}" action="#{supplierController.calculateSupplierDistance(supplier)}" autoRun="true" /> </p:column> </p:dataTable> </h:form>

Mat