复制代码 代码如下:
·建table
复制代码 代码如下:
| 1 | One | some text |
| 2 | Two | some text |
| 3 | Three | some text |
| 4 | Four | some text |
| 5 | Five | some text |
| 6 | Six | some text |
·插入js代码
复制代码 代码如下:
<script type="text/javascript"><br> $(document).ready(function() {<br> $("#table-1").tableDnD();<br> });<br> </script>
·ok。
·例子
复制代码 代码如下:
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
pageContext.setAttribute("basePath", basePath);
%>
<script type="text/javascript"> src="${basePath}common/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript"> src="${basePath}common/js/jquery.tablednd_0_5.js"></script>
<script type="text/javascript"><br><br> $(document).ready(function() { <br> color();<br> $("#table-1").tableDnD({<br> onDrop:function(table,row){<br> var b = $(row).children().eq(0).text();<br> color();<br> } <br> }); <br><br> });<br><br> function color()<br> {<br> var tbody = $("table[id='table-1'] tr");<br> tbody.each(function(index){<br> var cc = index%2;<br> if(0==cc)<br> {<br> $(this).removeClass();<br> $(this).addClass("aa"); <br> }<br> else<br> {<br> $(this).removeClass();<br> $(this).addClass("bb"); <br> }<br> });<br> }<br> </script>
| 1 | One | some text |
| 2 | Two | some text |
| 3 | Three | some text |
| 4 | Four | some text |
| 5 | Five | some text |
| 6 | Six | some text |
