从 javascript 更新 primefaces 对话框内容

Question

现在我们将几个 primefaces 对话框放在数据表行中。到目前为止，这很有效，但我想将它们移出数据表。

因为始终只向特定对话框的用户显示一个实例，所以我想在将其弹出给用户之前通过 Javascript 更新它的值。对于仅包含几个组件且信息已在客户端可用的简单对话框就是这种情况。

到目前为止的情况。 （它是 HTML，不是 JSF，因为我现在没有 JSF 代码）

<table>
  <tr>
    <td>
      <a onClick="show('dialog');" />
      <div id='dialog'> <!-- the dialog -->
        <input type="text" name="field" value="value" />
      </div>
    </td>
  </tr>
</table>

例如我想要达到的目标：

<table>
  <tr>
    <td>
      <a onClick="updateDialog('dialog',{'field', 'value'}); show('dialog');" />
    </td>
  </tr>
</table>

<div id='dialog'> <!-- the dialog -->
  <input type="text" name="field" value="value" />
</div>

您认为这是可行的，还是您认为已经有类似的解决方案在野外？谢谢。

Answer 1

听起来你想要这样的东西......只要确保你存储要编辑的实例的 bean 在请求中存活下来。请务必阅读您可以免费下载的 PrimeFaces 文档中的部分处理和部分渲染：http://www.primefaces.org/documentation

<h:form id="tableForm">
  <p:datatable value="#{carBean.cars}" var="car" ...>
    <p:column>
      <p:commandButton value="edit" action="#{carBean.edit(car)}" process="@this" update=":editForm" oncomplete="PF('carDialog').show();"/>
    </p:column>
  ...
  </p:datatable>
</h:form>

<h:form id="editForm">
  <p:dialog widgetVar="carDialog" rendered="#{carBean.carToEdit ne null}">
    <p:inputText value="#{carBean.carToEdit.brand" placeholder="brand" ... />

    ... 
  </p:dialog>
</h:form>