Восстановление данных строки таблицы после обновления страницы

Question

Восстановление данных строки таблицы после обновления страницы

0

У меня возникла задача: мне нужно переместить выбранную строку в верхнюю часть таблицы, и когда я обновляю страницу, я хочу восстановить предыдущие изменения.

Я завершил логику 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>

Thanx заранее... ищу слово для вашего ответа.

user2157480 09 май 2014, в 08:02

Источник

Теги:

java

javascript

jquery

1 ответ

Ещё вопросы

Diego Polido Santana · Answer 1 · 2014-05-09T03-51-00.000Z

Вам нужно сохранить изменения на сервере, чтобы перезагрузить страницу (вам не нужно сохранять в базе данных, вы можете сохранить ее в сеансе и использовать для использования на следующей странице). Затем вы можете использовать свой javascript для перемещения вверх/вниз по строкам.

Я предлагаю вам поместить атрибуты данных в ваши тэги html, чтобы заказать их в javascript или заказать на сервере перед рендерингом.