AJAX Publish/Unpublish элемента в списке

Изменить статус элемента в режиме списка - одна из простейших функций встроенных в фреймворк CMS
Добавляется эта возможность в код примерно так:

Код

echo JHtml::_('jgrid.published', ...)

Но по какой-то причине, до сих пор, метод JHtmlGrid::published() вешает на элемент обработчик onclick, который делает синхронный запрос на сервер. Т.е. для такой небольшой операции происходит перезагрузка страницы.

Небольшой скриптик позволяет поменять обработчик и сделать асинхронный запрос, меняя статусы элементов без перезагрузки страницы.
(Скриптик писался только под статусы publish/unpublish. Кому нужны большее количество статусов легко сможет переписать)

Код

/** асинхронная обработка publish/unpublish **/
jQuery(function () {
	// поиск кнопок на странице - это A кнопки с вложенными элементами несущими иконки
	$btn = jQuery('a.btn.btn-micro:has(.icon-publish), a.btn.btn-micro:has(.icon-unpublish)');
	$btn.each(function () {
		var $this = jQuery(this);
		// ищем значение task в обработчике onclick
		var command = /'(\w+)\.(\w+)'/.exec($this.attr('onclick'));
// если task успешно найдена, меняем обработчик
		if (command !== undefined) {
			var controller = command[1];
			var act = command[2];
			// удаляем обработчик onclick и сохраняем данные в элемент
			$this.attr('onclick', false).data('controller', controller).data('act', act);
			// вешаем новый обработчик click
			$this.click(function (e) {
				e.preventDefault();
				//сбрасываем все установленные check
				jQuery('input[type=checkbox]', '#adminForm').attr('checked', false);
				// устанавливаем чекбокс на выбранной строке
				jQuery('input[type=checkbox]', $this.closest('tr')).attr('checked', true);
				// task  определяется по установленной иконке
				var controller = $this.data('controller');
				var act = $this.data('act');
				var task = controller + '.' + act;

				// элемент который несет иконку publish
				var $icon = jQuery('[class^=icon]', $this);

				var $form = $this.closest('form');

				jQuery('input[name=task]', $form).val(task);
				// может не работать на старых браузерах
				var formData = new FormData($form.get(0));

				jQuery.ajax({
					url: $form.attr('action'),
					type: $form.attr('method'),
					contentType: false,
					processData: false,
					data: formData,
					//dataType: 'json',
					success: function () {
						$icon.toggleClass('icon-publish').toggleClass('icon-unpublish');
						if (act === 'unpublish') {
							$this.data('act', 'publish');
						} else {
							$this.data('act', 'unpublish');
						}
						jQuery('input[type=checkbox]', $this.closest('tr')).attr('checked', false);
					}
				});
			});
		}
	});
});

У меня работает корректно даже при частых кликах

Отправка файлов через ajax в модуль Joomla Автор hemicide	Ответов: 19 Просмотров: 3576	11.04.2022, 08:44:33 от sivers
Применение ajax (Аякс) в модуле Joomla Автор tm2010	Ответов: 34 Просмотров: 6652	26.09.2020, 09:38:35 от b2z
ajax проверку на вход. В стандартном модуле входа? Автор Dolphin4ik_1	Ответов: 4 Просмотров: 1147	23.07.2020, 15:03:57 от sivers
Обработка AJAX в компоненте Joomla!3 Автор balancer	Ответов: 33 Просмотров: 13525	23.07.2020, 07:45:53 от Dolphin4ik_1
Модуль обратной связи. Как использовать свойство context в ajax запросе Автор ushangi	Ответов: 0 Просмотров: 964	15.02.2020, 22:08:12 от ushangi

AJAX Publish/Unpublish элемента в списке - Разработка расширений для Joomla 3.x

Новости Joomla

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

👩‍💻 На Хабре вышел Joomla-дайджест за 2-й квартал 2026 года.

zaboich

AJAX Publish/Unpublish элемента в списке

Похожие темы