Question

我遇到了h：commandlink和对话框的问题。单击commandlink时，我希望会出现一个对话框，并执行java方法。我尝试了很多解决方案，但我总是可以打开对话框或调用方法。这是xhtml的一部分：

<h:head>        
<script type="text/javascript">
            function addEmployee() {
                window.location.href = "#popupEmployee";
            }
        </script>

</h:head>
<h:body>
    <div id="popupEmployee" class="popupDialog">
        <h1> This is a popup</h1>
    </div>

    <h:form>

            <h:dataTable value="#{controller.employee}" var="m"
                         styleClass="order-table"
                         headerClass="order-table-header"
                         rowClasses="order-table-odd-row,order-table-even-row"                       
                         >

                <h:column>
                    <h:commandLink id="changeEmployee" actionListener="#{controller.changeEmployee}" onclick="addEmployee()"> 
                         <img src="images/stift.png" width="30" heigth="30"/>
                    </h:commandLink>             
                </h:column>

            </h:dataTable>

    </h:form>
    </div>

在控制器中应调用此方法：

public void changeEmployee(){    
        System.out.println("YEAH!");
}

单击commandlink时，对话框将显示一秒钟，并且在URL中删除“#popupEmployee”。我可以改变什么，以便对话框不会消失？

注意：div将成为一个带css的对话框。

Answer 1

要获得所需内容，请使用AJAX request更改服务器状态。

<h:commandLink id="changeEmployee" onclick="addEmployee()">
    <f:ajax listener="#{controller.changeEmployee}"/> 
    <img src="images/stift.png" width="30" heigth="30"/>
</h:commandLink>

仅使用h:commandLink提交表单。这导致整个页面被重新加载。由于重新加载了页面，因此在上一页上调用的任何JavaScript都不会影响新页面。

AJAX请求不会重新加载当前页面（但可能会刷新页面的一部分 - 您也可以使用它来显示对话框）。

执行commandlink的操作并显示一个对话框

1 个答案: