jeditable несколько экземпляров select на странице

Итак, как обычно, я пытаюсь работать с JQuery далеко за пределами своей зоны комфорта; У меня есть таблица, в которой отображаются статусы заданий («Не начато», «Выполняется» и «Завершено») для задач, которые выполняют создатели контента на веб-сайте моего клуба.

Я хочу, чтобы пользователи могли щелкнуть текущий статус и получить раскрывающийся список со всеми тремя параметрами в нем (например, в полях PHPMYAdmin ENUM), а также чтобы пользователи могли выбрать новый статус, и пусть значение будет автоматически отправлено.

Все работает нормально, но проблема в том, что мне кажется, что JEditable может отправить только одно статическое значение (содержимое выбора), но мне нужно, чтобы он отправил содержимое выбора И идентификатор для задания, чтобы система знает, какое задание обновить и до чего обновить...

У меня есть следующий код:

HTML

<table>
<tr><th>Page Title</th><th>Assigned To</th><th>Date Assigned</th><th>Job Status</th><th>Last Edited</th><th>Last Edited By</th></tr>
<tr><td><a href="/heroes-and-heroines-larp-world/nations/the-emerald-empire.html" target="_blank">The Emerald Empire</a></td><td> sebsmith</td><td>2014-07-16 00:00:00</td><td class="amber editable_select">In Progress</td><td>2014-07-19 11:05:46</td><td>sebsmith</td></tr>
<tr><td><a href="/heroes-and-heroines-live-roleplaying-links.php" target="_blank">Heroes and Heroines Live Action Roleplaying Club Links</a></td><td> sebsmith</td><td>2014-08-23 15:26:43</td><td class="red editable_select">Not Started</td><td>2014-08-23 15:55:56</td><td>sebsmith</td></tr>
<tr><td><a href="/heroes-and-heroines-live-roleplaying-links/larp-clubs/index.html" target="_blank">Heroes and Heroines Live Action Roleplaying Club - Links to other LARP Clubs and Systems</a></td><td> sebsmith</td><td>2014-08-23 15:35:56</td><td class="red editable_select">Not Started</td><td>2014-08-23 16:00:34</td><td>sebsmith</td></tr>
<tr><td><a href="/heroes-and-heroines-live-roleplaying-links/larp-suppliers/index.html" target="_blank">Heroes and Heroines Live Action Roleplaying Club - Links to suppliers of LARP equipment, costume and other essentials</a></td><td> sebsmith</td><td>2014-08-23 15:42:32</td><td class="red editable_select">Not Started</td><td>2014-08-23 16:01:04</td><td>sebsmith</td></tr>
<tr><td><a href="/heroes-and-heroines-live-roleplaying-links/larp-misc/index.html" target="_blank">Heroes and Heroines Live Action Roleplaying Club - Links to other Miscellaneous LARP Sites</a></td><td> sebsmith</td><td>2014-08-23 15:43:21</td><td class="red editable_select">Not Started</td><td>2014-08-23 16:01:22</td><td>sebsmith</td></tr>
<tr><td><a href="/heroes-and-heroines-live-roleplaying-links/larp-community/index.html" target="_blank">Heroes and Heroines Live Action Roleplaying Club - Links to LARP Communities</a></td><td> sebsmith</td><td>2014-08-23 15:44:23</td><td class="red editable_select">Not Started</td><td>2014-08-23 16:01:14</td><td>sebsmith</td></tr>
<tr><td><a href="/heroes-and-heroines-larp-world/nations/havdan.html" target="_blank">Havdan</a></td><td> sebsmith</td><td>2014-08-23 18:14:19</td><td class="red editable_select">Not Started</td><td>0000-00-00 00:00:00</td><td></td></tr>
<tr><td><a href="/heroes-and-heroines-larp-world/nations/enchantica.html" target="_blank">Enchantica</a></td><td> Fruitloop</td><td>2014-07-16 00:00:00</td><td class="amber editable_select">In Progress</td><td>2014-07-21 00:00:00</td><td>Fruitloop</td></tr>
<tr><td><a href="/heroes-and-heroines-larp-world/nations/the-fey-forest.html" target="_blank">The Fey Forest</a></td><td> Fruitloop</td><td>2014-08-23 18:06:11</td><td class="red editable_select">Not Started</td><td>0000-00-00 00:00:00</td><td></td></tr>
</table>

JS

<script src="/js/jeditable.mini.js"></script>
<script>$(function() {

  $(".editable_select").editable("http://www.heroesandheroines.org/index.php?task=AJAXRequest&type=listContentJobsChangeJobStatus", { 
    indicator : '<img src="/assets/icons-set/indicator.gif">',
    data   : "{'Not Started':'Not Started','In Progress':'In Progress','Complete':'Complete'}",
    type   : "select",
    submit : "OK",
    style  : "inherit",
  });
 });</script>

Итак, мой вопрос: «Как мне заставить JEditable отправлять идентификатор для каждого отдельного экземпляра «editable_select» td? Есть ли способ отправить идентификатор через атрибут класса? Или какой-то умный способ сделать это через js ?

Я медленно продвигаюсь с JQuery, но есть так много вещей, которые мне не по силам... :(

Спасибо!

Себ


person The All Powerful    schedule 23.08.2014    source источник


Ответы (1)


вы можете просто добавить идентификатор в свою ячейку td. Что-то вроде этого:

<td id="job1status" class="amber editable_select">

Jeditable автоматически добавит идентификатор элемента к URL-адресу сообщения. Итак, если вы проверите свое сообщение ajax в консоли (f12), вы должны увидеть его в конце следующим образом: index.php?task=AJAXRequest&type=listContentJobsChangeJobStatus&id=job1status

person Keith Grey    schedule 12.09.2014
comment
ИДЕАЛЬНО! Вы и джентльмен, и ученый! :) Спасибо! - person The All Powerful; 14.09.2014