Nano Hash - криптовалюты, майнинг, программирование

Перетаскивание строк таблицы в jQuery

Используя jQuery (и пользовательский интерфейс), я хочу иметь возможность перетаскивать строки таблицы из таблицы и перетаскивать их на какой-либо элемент. Сами строки не должны выходить за пределы таблицы, подобно тому, как работает iTunes при перетаскивании нескольких выбранных песен. Мне нужно использовать таблицу, так как это табличные данные, и у меня уже есть плагин для сортировки таблиц.

Есть идеи, как этого добиться?


  • для этого есть плагин jQuery. См. isocra.com/2008/02/table- jquery-плагин перетаскивания 08.07.2011
  • Я знаю, что это старый пост, но, тем не менее, плагин tnd table не работает в таблице с thead и tbody, желая игнорировать строку заголовка. Несколько человек написали разветвленную версию. Одна версия, указанная в комментариях tnd, на которую вы ссылаетесь, действительно работает с правильно отформатированной таблицей. Единственным недостатком является то, что он отключает все мои выпадающие списки. Если у вас нет элементов управления на вашей таблице, разветвленная версия http://riouxsvn.com/svn/jquery-tablednd/trunk/ действительно работает хорошо. проект теперь также находится на GitHub здесь https://github.com/isocra/TableDnD/, но он также не актуален. 24.01.2012

Ответы:


1

Droppable() пользовательского интерфейса JQuery позволяет вам определить функцию, которая будет запускаться всякий раз, когда допустимый draggable() перетаскивается на этот droppable(). Демонстрация на этой странице помогла мне понять, как ее кодировать. Посмотрите на их код, нажав «Просмотреть исходный код». Особенно эта часть:

$gallery.droppable({
  accept: '#trash li',
  activeClass: 'custom-state-active',
  drop: function(ev, ui) {
    recycleImage(ui.draggable);
  }
});

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

23.08.2009
  • Да, этот выпадающий аспект не проблема. Кажется, нельзя сделать строку таблицы перетаскиваемой за пределы таблицы. 23.08.2009

  • 2

    Просто попробуйте этот плагин, написанный на простом Javascript, способный перетаскивать и сортировать строки и столбцы. https://sindu12jun.github.io/table-dragger/

    22.12.2016
    Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..