Встроенные Java scripts в plone 3
Download as PPTX, PDF0 likes328 views
Документ описывает встроенные JavaScript-скрипты в системе Plone 3, включая form_tabbing.js, table_sorter.js и collapsiblesections.js, которые обеспечивают функциональность для работы с формами, таблицами и секциями контента. Каждый скрипт детализирован с примерами кода, показывающими, как их можно использовать для улучшения пользовательского интерфейса. Также упоминаются настройки для работы с правами доступа и управлением кук.
![ Использование в формах:
<form class="enableFormTabbing">
<fieldset id="fieldset-[unique-id]">
<legend id="fieldsetlegend-[same-id-as-above]">
Title</legend>
</fieldset>
</form>](https://image.slidesharecdn.com/javascriptsplone3-141102022553-conversion-gate01/85/Java-scripts-plone-3-6-320.jpg)
Встроенные Java scripts в plone 3
- 1. ВСТРОЕННЫЕ JAVASCRIPTS В PLONE 3
- 2. Plone содержит ряд встроенных JavaScripts Скрипты доступны во всех стандартных шаблонах без дополнительного подключения Подключение скриптов производится при использовании соответствующих структур html-сода Все источники .js находятся в CMFPlone/skins/plone_ecmascript/
- 3. Form_tabbing.js FormTabbing - способ разбиения контента на множество страниц страницы переключаются выбором соответствующей вкладки обычно используется в формах редактирования
- 4. <dl class="enableFormTabbing"> /* Блок определения вкладок */ <dt id="fieldsetlegend-unique-id1">button one</dt> <dt id="fieldsetlegend-unique-id2">button two</dt> /* <Блок определения страниц */ <dd id="fieldset-unique-id1">content one</dd> <dd id="fieldset-unique-id2">content two</dd> </dl>
- 5. Сопоставление вкладок и страниц производится по совпадению идентификаторов: <dt id="fieldsetlegend-unique-id1">button one</dt> <dd id="fieldset-unique-id1">content one</dd>
- 6. Использование в формах: <form class="enableFormTabbing"> <fieldset id="fieldset-[unique-id]"> <legend id="fieldsetlegend-[same-id-as-above]"> Title</legend> </fieldset> </form>
- 7. table_sorter.js Позволяет сортировать строки таблицы в соответствии с выбранным столбцом Используется в стандартном виде для объектов типа “Folder’ Выбор столбца "Title" приводит к сортировке объектов по алфавиту
- 8. Использование : приписывание тегу <table> класса: class="listing" applied to the table применение уникального id для таблицы использование тегов <thead> и <tbody> Важно : используйте <th> в <thead>
- 9. пример <table class="listing" id="my-table"> <thead> <tr><th>Numbers</th></tr> </thead> <tbody> <tr><td>123463</td></tr> <tr><td>7632</td></tr> <tr><td>459629</td></tr> <tr><td>27963</td></tr> </tbody> </table>
- 10. Выбор заголовка "numbers" в таблице приведет к сортировке записей по этому столбцу Повторный выбор произведет обратную сортировку
- 11. По умолчанию table_sorter.js не работает для пользователей с ролью «Anonymous» Для изменения: В ZMI > portal_javascripts: изменитьусловие для table_sorter.js. Для снятия ограничения очистить поле условия В jsregistry.xml : <javascript cacheable="True" compression="safe" conditionalcomment="" cookable="True" enabled="True" expression="" id="table_sorter.js" inline="False"/>
- 12. collapsiblesections.js Свертывание секций дает простой способ уменьшить сложность страницы Примером служит реализация секции «История изменений» (History information)
- 14. <dl class="collapsible collapsedOnLoad" > <dt class="collapsibleHeader"> Clickable Title </dt> <dd class="collapsibleContent"> <p>Loremipsum dolor sit amet, consectetur adipisicing elit.</p> </dd> </dl>
- 15. Управление производится установкой двух классов элемента страницы Класс collapsible определяет наличие такой функциональности Класс collapsedOnLoad задает секцию, которая свернута при загрузке страницы Удаление класса позволяет развернуть блок при загрузке
- 16. cookie_functions.js Если нужно создать cookie для сайта, то можно использовать две функции: createCookie, имеет аргументы name, value, и days (for expiration). readCookie, принимает параметр name, и возвращает значение value.