Jquery选择表行并对它们进行分组

Question

我有一张包含员工名单的表格。我希望能够创建一个新的部门，并将员工拖放到每个部门。将员工分配到部门后，“employeedept”表中的dept列必须使用dept值进行更新。

<table id="employeedept" border="1">
    <THEAD> <tr> <th> Dept</th> <th> Name</th> </tr> </THEAD>    
    <tr> <td></td>  <td> John </td> </tr>
    <tr> <td></td>  <td> Tom </td> </tr>
    <tr> <td></td>  <td> Smith </td> </tr>
</table>

<input style="margin-top:20px;" name="deptname" id="deptname"  />
<input type="button" id="dtnDept" value="Add New Dept" onclick="createDept()" />

是否有任何JQuery插件可以帮助我实现这一目标？

Answer 1

您要问的是几个不同的步骤。

1. Ajax请求引入现有员工和部门
2. 用户摆弄
3. 在新的员工分布中发布Ajax请求
4. 服务器端脚本更改数据库中的内容。

jQuery可以帮助您处理ajax请求，以及用户使用表格进行调整的部分。有一些像this这样的插件，但我会使用jQuery UI插件和sortable命令。