0

こんにちは、私は以下のような JSP ページを持っています。jsp ページには、アクション クラスのリストを反復処理してデータを表示する 1 つのテーブルが含まれています。

テーブルの各行には、行レベルで更新ボタンがあります。jsp は次のようになります。

<script type="text/javascript">
      function refreshRecord(id)
       {
         $(document).ready(function(){

            var fileId=id;
            alert(fileId);
           $.ajax({
             type:"post",
             url:"checkStatusAndNumRecs",
             data: {fileId:fileId},  
             success:function(data){
             alert("returned from action");
             }
             });
             });    
             }
    </script>
</head>
<body>
<%@include file="index1.html" %>
<div class="box2">    
 <div class="box3"> 
<s:property value="userId"/>
</div>  
    <center><h2>FILE STATUS</h2></center>
<center> 

    <form action="Upload" method="post" enctype="multipart/form-data">
        <label for="myFile" class="text">Upload your file:</label>
        <input type="hidden" name="upload" value="upload"/>
        <input type="file" name="myFile" size="40"  class="file"/>
        <input type="submit" value="Upload" class="button"/>
        <input type="submit" value="Refresh" class="button"/>   
    </form>
    </center>        

      <center>
     <table border="1" class="displaytab" id="rtable">
     <s:if test="%{user.roles == 'admin'}">
     <tr>   <td  colspan="10" style="background:#7395B8;color:white;font-size:18px;font-weight:bold;"><center>Admin</center></td></tr>
     </s:if>
     <tr> 
     <th>FileId</th><th>File Name</th><th>Upload Date</th><th>#Records</th><th>Status</th><th>Estimated Time</th><th>Processed Records</th><th>Generate Report</th><th></th><s:if test="%{user.roles == 'admin'}"><th>Controls</th></s:if>
     </tr>

     <s:iterator value="uploadList" var="m"> 
        <tr>   
        <td><s:property value="%{#m.fileId}" /></td> 
        <td><s:property value="%{#m.fileName}" /></td>
        <td><s:property value="%{#m.uploadDate}" /></td>
        <td><s:property value="%{#m.numRecords}" /></td>
        <td><s:property value="%{#m.status}" /></td>
        <td>tbd</td>

        <td><s:property value="%{#m.numRecords}" /></td>
        <td><a href=""><img src="images/generate.png" title="Generate Report">    </a></td>
        <td><a href=""><img src="images/refresh.png" title="Refresh" onclick="refreshRecord(<s:property value="%{#m.fileId}" />);"></a></td>
         </tr>
         </s:iterator>
         </table>
         </center>

更新ボタン onclick で onclick="refreshRecord();"> この javascript メソッドを呼び出しています。アクション クラスに移動し、ステータスと # レコードの最新の値を取得します。

ajax を使用して、この fileId をアクション クラス checkStatusAndNumRecsAction.java に渡して、データベースから更新されたステータスと #records 列の値を取得します

私のアクションクラスは以下の通りです

import com.mxui.db.api.PersistenceService;
import com.mxui.db.service.*;
import com.opensymphony.xwork2.ActionSupport;

public class checkStatusAndNumRecsAction extends ActionSupport
{
    /**
     * 
     */
    private static final long serialVersionUID = 6450400234448854648L;

    private String status;

    public String getStatus()
    {
        return status;
    }

    public void setStatus(String status) 
    {
        this.status = status;
    }

    private long numRecords;

    public long getNumRecords()
    {
        return numRecords;
    }
    public void setNumRecords(long  numRecords) 
    {
        this.numRecords= numRecords;
    }

    private String fileId;
       public String getFileId()
    {
        return fileId;
    }
    public void setFileId(String fileId) 
    {
        this.fileId = fileId;
    }
    public String execute()
    {  
        PersistenceService svc = PersistenceServiceImpl.getInstance();
            status = svc.getStatusByFileId(fileId);
        System.out.println("status is "+status);
        numRecords = svc.getNumRecordsByFileId(fileId);
        System.out.println("num records are "+numRecords);
        return "SUCCESS";
    }
}

このアクションは、データベースからステータスと #records の値を取得します

私がしたいのは、ajaxを使用してアクションクラスからステータスとnumRecordsの値をjspに取得し、ステータスと#records列のテーブルをアクションクラスから取得した新しいデータに置き換えることです。その行の更新ボタンをクリックします。

4

2 に答える 2