This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
private:koding:hostcms:modules:informacionnye_sistemy:showmore [27.07.15 в 12:16] scherbakov_kad.systems |
private:koding:hostcms:modules:informacionnye_sistemy:showmore [27.06.17 в 14:52] (current) maximzasorin_gmail.com ↷ Страница перемещена из private:koding:hostcms:modules:informacionnye_sistemy:reshenija:showmore в private:koding:hostcms:modules:informacionnye_sistemy:showmore |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Динамическая подгрузка элементов ====== | ====== Динамическая подгрузка элементов ====== | ||
- | ===== Код в ТДС ===== | + | При нажатии на кнопку "подгрузить еще" происходит подгрузка элементов ИС. Скрипт обращается по адресу (пример ниже) и добавляет ответ в конец контейнера ("#portfolio"). |
+ | Для реализации: | ||
+ | - Добавляем код в настройках ТДС <code php> /** | ||
+ | * При аякс загрузке подменяем макет на пустой | ||
+ | * | ||
+ | * @author Shcherbakov Aleksandr, KAD Systems (©) 2015 | ||
+ | * @date 27-07-2015 | ||
+ | * Начало >> | ||
+ | */ | ||
- | <code php> | ||
- | // При аякс загрузке подменяем макет на пустой | ||
if(Core_Array::getGet('ajax')) | if(Core_Array::getGet('ajax')) | ||
{ | { | ||
Line 18: | Line 24: | ||
} | } | ||
} | } | ||
- | </code> | ||
- | ===== Код в XSL шаблоне ===== | + | /** |
- | <code xml> | + | * << Конец |
+ | * @author Shcherbakov Aleksandr, KAD Systems (©) 2015 | ||
+ | * @date 27-07-2015 | ||
+ | */ | ||
+ | </code> | ||
+ | - Редактируем код XSL шаблона вывода списка элементов ИС <code xml> | ||
<xsl:template match="/informationsystem"> | <xsl:template match="/informationsystem"> | ||
<xsl:choose> | <xsl:choose> | ||
Line 31: | Line 41: | ||
<!-- Стандартный вывод --> | <!-- Стандартный вывод --> | ||
<!-- ... --> | <!-- ... --> | ||
- | <div class="portfolio-thumbs articles" data-page="{/informationsystem/page + 1}" data-pages="{ceiling(total div limit)}" id="portfolio"> | + | <!-- data-page - текущая страница --> |
+ | <!-- data-pages - количество страниц --> | ||
+ | <div data-page="{/informationsystem/page + 1}" data-pages="{ceiling(total div limit)}" id="portfolio"> | ||
<xsl:apply-templates select="informationsystem_item[active=1]"/> | <xsl:apply-templates select="informationsystem_item[active=1]"/> | ||
</div> | </div> | ||
Line 39: | Line 51: | ||
</xsl:template> | </xsl:template> | ||
</code> | </code> | ||
- | ===== Код на странице ===== | + | - Подключаем js обработчик <code javascript> |
- | <code javascript> | + | /** |
+ | * кнопка "показать еще" | ||
+ | * | ||
+ | * @author Shcherbakov Aleksandr, KAD Systems (©) 2015 | ||
+ | * @date 27-07-2015 | ||
+ | * Начало >> | ||
+ | */ | ||
$(".more_posts a").live('click', function(e){ | $(".more_posts a").live('click', function(e){ | ||
- | container = "#portfolio"; | + | container = "#portfolio"; // контейнер для элементов |
page = parseInt($(container).attr('data-page')); // текущая страница | page = parseInt($(container).attr('data-page')); // текущая страница | ||
pages = parseInt($(container).attr('data-pages')); // общее число страниц | pages = parseInt($(container).attr('data-pages')); // общее число страниц | ||
Line 73: | Line 92: | ||
}); | }); | ||
}); | }); | ||
+ | |||
+ | /** | ||
+ | * << Конец | ||
+ | * @author Shcherbakov Aleksandr, KAD Systems (©) 2015 | ||
+ | * @date 27-07-2015 | ||
+ | */ | ||
</code> | </code> |