如何更改行示例项目的顺序

时间:2012-03-29 11:07:05

标签: javascript html ajax jsp struts2

用jsp / struts / servlet编写的示例代码,用于解决以下问题。

我在这个话题上挣扎了很多天。 “用户可以订购显示的行”。

我正在按升序显示浏览器(tr,td标签)中的练习,但我想根据自己的意愿订购每个练习。(拖放或点击某些按钮)。

当我退出然后再次登录时,我的运动顺序应该与我之前订购的相同。

1 个答案:

答案 0 :(得分:0)

您可以使用jquery sortable实用程序。假设你有一张这样的表:

<table>
   <tbody><tr>
       <td>Foobar1</td>
       </tr>   </tbody>
  <tbody><tr>
       <td>Foobar2</td>
    </tr> </tbody>
 <tbody><tr>
       <td>Foobar3</td>
    </tr> </tbody>
  <tbody><tr>
       <td>Foobar4</td>
    </tr> </tbody>
 <tbody><tr>
       <td>Foobar5</td>
    </tr>   </tbody>  
</table>

演示:http://jsfiddle.net/aWFrK/

然后使用jquery代码,您可以激活拖放功能。

 $( "table" ).sortable();

更多详情可在http://jqueryui.com/demos/sortable/

找到