JQuery UI диалог не работает на 2-й странице разбиения на страницы Struts2 - PullRequest
Новая
       27

JQuery UI диалог не работает на 2-й странице разбиения на страницы Struts2

0 голосов
/ 21 ноября 2018

У меня есть список пользователей в таблице, я показываю только 10 пользователей одновременно, используя плагин пейджера таблиц (разбивка на страницы) https://www.websparrow.org/struts/pagination-in-struts2-using-jquery-datatable У меня есть один столбец в таблице с опцией открытия диалога.Кнопка открытия этого диалога видна только на первой странице, а не на второй странице нумерации страниц.На второй странице показывается только «загрузка ... шоу».Я не так хорош в Java-скрипте, поэтому мне нужна ваша помощь, чтобы показать диалоговую кнопку на следующей странице нумерации страниц.Пожалуйста, найдите код, указанный ниже 

<sj:head jqueryui="true" jquerytheme="start" compressed='false'/> 
<style type="text/css">@import url(css/main.css) !important;</style>
<style type="text/css">
select {
    width:200px;
}</style>
<link href="/HospitalCare/css/table.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/HospitalCare/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/HospitalCare/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="/HospitalCare/layout/scripts/jquery.dataTables.min.js"></script>
<script language="JavaScript">
$(document).ready(function() {
     $('#mytbl').dataTable();
});

 </script>

 </head>
<body>

<%@include file="menu.jsp" %>
<div class="myRow1" align="center">
    <div style="margin-top: 10px; margin-left: 20px;">
        <table class="table table-hover table-bordered" id="mytbl">
            <thead>
                <tr class="success" style="color: #f5f5f5;">
                    <th>First Name </th>
                    <th>Middle Name</th>
                    <th>Last Name</th>
                    <th>Birth Date </th>
                    <th>Email Id</th>
                    <th>Marrital Status </th>
                    <th>Gender </th>
                    <th>Mobile No</th>
                    <th>Blood Group</th>
                    <th>Verified</th>
                    <th>Show Details</th>
                </tr>
            </thead>
            <s:iterator value="userList">
                <tr>
                    <td>
                        <s:property value="firstName"/>
                    </td>
                    <td>
                        <s:property value="middleName" />
                    </td>
                    <td>
                        <s:property value="lastName" />
                    </td>
                    <td>
                        <s:property value="birthday" />
                    </td>
                    <td>
                        <s:property value="emailId" />
                    </td>
                    <td>
                        <s:property value="marritalSttus" />
                    </td>
                    <td>
                        <s:property value="gender" />
                    </td>
                    <td>
                        <s:property value="mobileNo" />
                    </td>
                    <td>
                        <s:property value="bloodGroup" />
                    </td>
                    <td>
                        <s:property value="verified" />
                    </td>
                    <td>
                        <sj:dialog width="950" height="600" autoOpen="false" modal="true" id="%{get(\"userId\")}" href="showVisitHistoryTab?userId=%{userId}" openTopics="%{userId}_2" title="Visit Details">
                                <img id="indicator" src="/HospitalCare/images/indicator.gif" alt="Loading..."/>
                          </sj:dialog>
                          <sj:a onClickTopics="%{userId}_2" openDialog="%{get(\"userId\")}" button="true" buttonIcon="ui-icon-newwin" >
                          <s:property value="%{getText('label.button.show.bill')}"/>
                          </sj:a>
                    </td>
                </tr>
            </s:iterator>
        </table>
    </div>
</div>
</body>
</html>
...