1

我有一个 JSF MyFaces 数据表，其中包含一个元素列表和一个带有删除按钮的列。我要做的就是在单击删除按钮时弹出一个对话框，允许用户确认或取消操作。

我已经有了对话框（为简单起见，<a>由于缺乏 HTML5 支持而减少了使用）：

<div id="myModal">
    <h:form>
        <a data-dismiss="modal">Close</a>
        <h:commandLink action="#{somethingMagicInHere?}">Confirm</h:commandLink>
    </h:form>
</div>

在 dataTable 我有这样的东西（也简化了）：

<h:dataTable id="myDataTable" value="#{bean.elementList}" var="element">
    <h:column>
        <f:facet name="header">Actions</f:facet>
        <a class="call-modal">Delete</a>
    </h:column>
</h:dataTable>

最后我的 ManagedBean 看起来像这样：

@ManagedBean(name = "bean")
@RequestScoped
public class ElementClassBean {
    ...

    public String actionToPerform(ElementClass e) {
        MyBusinessLogicModel.getInstance().deleteElement(e);
    }
}

因此，简而言之，jQuery 在加载页面时执行，并获取所有带有 class 的元素call-modal并为它们设置一个onclick，以便它们显示带有 id 的组件myModal，这当然是模态窗口。我以这种方式继承了这种工作方式，不想改变它，但任何解决方案或想法都会有所帮助。

我可以commandLink直接在可以actionToPerform(element)从视图访问的 dataTable 中使用 a ，但这当然不会触发模态。因此，鉴于这种结构，我看到的主要问题是，一旦单击按钮，如何将element正在迭代的内容发送到模态？（我不介意该解决方案是否使用 Ajax）。dataTableDelete

任何输入都会有所帮助。谢谢。

4

1 回答 1

0

好的，这是一个丑陋但有效的解决方案，不需要我重构所有视图和托管 bean。简而言之：我添加了一个隐藏的输入字段，它将存储要在模态表单中删除的元素的 id。在数据表中，我所做的只是在单击按钮并触发模式后设置隐藏输入字段的值。然后用刚刚更新的值填充模态。

我的简化模态：

<div id="myModal">
    <h:form id="myForm">
        <h:inputHidden value="#{bean.elementIdInModal}" id="elementIdInModal"/>
        <a data-dismiss="modal">Close</a>
        <h:commandLink action="#{bean[actionToPerform]}">Confirm</h:commandLink>
    </h:form>
</div>

我的简化数据表：

<h:dataTable id="myDataTable" value="#{bean.elementList}" var="element">
    <h:column>
        <f:facet name="header">Actions</f:facet>
        <h:link styleClass="call-modal"
            onclick="$('#myForm\\:elementIdInModal').val(#{element.id})">
            Delete
        </h:link>
    </h:column>
</h:dataTable>

我的简化 ManagedBean：

@ManagedBean(name = "bean")
@RequestScoped
public class ElementClassBean {
    private long elementIdInModal; // Ommiting getters and setters

    public void actionToPerform() {
        MyBusinessLogicModel.getInstance().deleteElement(elementIdInModal);
    }
}
于 2013-08-07T15:06:22.863 回答