Question

我有一项任务，我必须将所选行移动到表格的顶部，当我刷新页面时，我想恢复以前的更改。

我完成了moveRow逻辑。

但我没有得到如何恢复行数据，请帮助我。

以下是我的代码

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script language="JavaScript">

    var whichrow = false;
    var TableLocation;        

    function thisrow(x)
    {
         TableLocation = x.sectionRowIndex;

    }
    function MoveUp()
    {
        var tablebody = document.getElementById('table1'); 
         if(TableLocation > 0)
         { 
             tablebody.moveRow(TableLocation, 1);
         }

    }
</script>
</head>
<body>
<form>
<table id="table1" name="table1" border="1">
    <tr>
        <th>Name</th>
        <th>Address</th>
        <th>Select</th>
    </tr>
   <tr id="tr3" onclick="thisrow(this)"> 
       <td><input type="text" name="name"></td>
       <td><input type="text" name="address"></td>
       <td><input type="checkbox" name="checkbox1"></td>
   </tr>
   <tr id="tr4" onclick="thisrow(this)"> 
       <td><input type="text" name="name"></td>
      <td><input type="text" name="address"></td>
       <td><input type="checkbox" name="checkbox1"></td>
   </tr >
    <tr id="tr5" onclick="thisrow(this)"> 
       <td><input type="text" name="name"></td>
      <td><input type="text" name="address"></td>
       <td ><input type="checkbox" name="checkbox1"></td>
    </tr>  
</table>


<input type="button" value="move row up" onClick="MoveUp();"> 

</form>    
</body>
</html>

提前完成了... 寻找你的回复。

Answer 1

您需要在服务器上保存更改以重新加载页面（您不需要保存在数据库中，您可以将其存储在会话中并在下一页渲染时使用）。然后，您可以使用javascript向上/向下移动行。

我建议您在html标记中放置数据属性，以便在渲染之前以javascript或服务器顺序排序。

刷新页面后恢复表行数据

1 个答案: