JQuery раскрывающийся список для строки таблицы - PullRequest
Новая
       33

JQuery раскрывающийся список для строки таблицы

0 голосов
/ 20 июня 2011

Я немного борюсь со своим текущим проектом, и надеюсь, что кто-то может помочь мне прояснить ситуацию.

У меня есть таблица, в которой мне нужно выполнять действия, основанные на данной строке, с кнопкой jQueryUI в первом тд, что должно выпадающее меню с функциями для строки. У каждого tr есть значения, чтобы идентифицировать как человека, так и предмет, но я не знаю, как динамически создать раскрывающийся список для обработки определенных элементов строки.

Например, мой tr выглядит так: 

<tr person="1" item="1"><td class="ddmenu">Row1</td>...</tr>
<tr person="2" item="5"><td class="ddmenu">Row2</td>...</tr>

Мои функции jQuery, которые определяют местонахождение человека и идентификатора элемента для строки и раскрывают меню: 

$('.ddmenu')
.click(function() { 
var person = $(this).parents("tr").attr('person');
var item = $(this).parents("tr").attr('item');
$('.drop').toggle();
return false;
})

У меня есть начальный элемент, в котором перечислены одинаковые элементы для каждой строки, но есть следующие две проблемы:

  1. Как создать динамическое раскрывающееся меню со значениями персонажа и элемента, чтобы я мог воздействовать на каждый элемент с помощью отдельных селекторов jQuery.
  2. Как я могу бросить меню непосредственно под определенной кнопкой, а не расположение div в html?

Пример jsfiddle: http://jsfiddle.net/CHrkd/3/

Любые мысли и разъяснения будут с благодарностью! Спасибо

1 Ответ

0 голосов
/ 21 июня 2011

Я понял, что задал два несвязанных вопроса и хочу ответить на первый.Самый простой способ - просто использовать глобальные переменные.Как только селектор ddmenu сработает, сохраните значения человека и элемента в глобальные переменные для дальнейшей обработки.Легко, peasy.

Теперь, если я смогу просто выяснить, как переместить класс .drop в очередь под выбранным элементом.

...