Блог

Главная - Вопросы по программированию - Jquery выделяет строки таблицы и группирует их

Jquery выделяет строки таблицы и группирует их

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть таблица со списком сотрудников. Я хочу иметь возможность создавать новый отдел и перетаскивать сотрудников в каждый отдел. После того, как сотрудник был назначен в отдел, столбец отдела в таблице «employeedept» должен обновляться значением отдела. 

 <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, который может помочь мне достичь этого?

Ответ №1:

То, что вы спрашиваете, включает в себя несколько разных шагов.

  1. Запрос Ajax для привлечения существующих сотрудников и отделов
  2. Пользователь возится с
  3. Публикация запроса Ajax в новом распределении сотрудников
  4. Серверный скрипт изменяет данные в базе данных.

jQuery может помочь вам с ajax-запросами и той частью, где пользователь работает с таблицей. Есть пара плагинов, подобных этому, но я бы использовал плагин пользовательского интерфейса jQuery с командой сортировки.

Комментарии:

1. # 1 и # 3 обработаны, мне нужно сосредоточиться на возможности создавать новые отделы и перетаскивать сотрудников в этот отдел. После того, как сотрудникам назначен отдел, я сохраняю эту информацию в переменных Javascript, разрешаю пользователю выполнять дополнительные действия на странице и, наконец, при отправке отправляет всю информацию обратно на сервер

2. Звучит хорошо! Есть ли что-нибудь, кроме названия плагинов, с которыми я могу вам помочь?

3. Плагин перетаскивания таблицы действительно не подходит мне. Я ищу что-то, чтобы я мог создать новый отдел, а затем поместить сотрудников в этот отдел.

4. Похоже, вы становитесь ужасно специфичным для плагина jQuery. Попробуйте использовать пользовательский интерфейс jQuery для обработки существующих отделов и свой собственный jQuery для создания новых отделов. Простой способ сделать это — создать набор <div> для существующих отделов, иметь кнопку для создания новых <div> для новых отделов и всех пользователей как <li>, которые вы можете переместить с помощью плагина jQuery UI в эти <div> ‘s (все это естественно поставляется с плагином). После этого вам просто нужно сериализовать выходные данные, когда вы хотите сохранить, и перейти к шагу 3!