Поведение switcher в Joomla 2.5 |
Этот вид поведения дает разработчикам возможность создавать похожие на вкладки панели в интерфейсе HTML-страницы. Такая возможность оказывается удобной, когда требуется отобразить дополнительные сведения на экране, вписывающемся в одну страницу. Ниже показан код экрана Global Configuration, на котором применяется поведение switcher. По своим функциям это поведение аналогично подменю. После выбора каждой ссылки отображаются сведения, связанные с соответствующей панелью формы, определяемой элементом div в разметке документа. Отличие заключается в том, что поведение switcher позволяет загрузить все сведения на целом экране в одном цикле запроса. Одновременно отображаются данные, выводимые на одну панель, но в документе присутствуют все панели, и поэтому их смена происходит очень быстро, не требуя загрузки новой панели с веб-сервера. И все это достигается благодаря ненавязчивости JavaScript, которая проявляется в том, что в атрибут style вносятся изменения с целью скрыть все панели, кроме отображаемой. Рассмотрим подробнее действие данного вида поведения на примере экрана Global Configuration. Если заглянуть в папку administrator/components/com_config/views/application/tmpl, то в ней можно обнаружить 17 различных файлов компоновки. Первым из них загружается файл компоновки default. php. Ниже приведена первая часть этого файла. defined('_JEXEC) or die; В приведенный выше код сначала вводится вызов метода поведения behavior, switcher для загрузки требующегося сценария JavaScript. Затем в выделенной полужирным строке кода формируются ссылки на подменю. В этой строке кода выполняется файл компоновки default-navigation.php, а результат выводится на месте расположения модуля, обозначаемом как submenu. В файле default-navigation.php содержится следующий код: В этом коде создается элемент разметки ul с идентификатором подменю, что очень важно. Ведь это обстоятельство используется в селекторе JavaScript для указания на то, что данный список ссылок будет служить для смены панелей. А в каждом элементе разметки li определяется ссылка на одну из панелей, выводимых на экран с поведением switcher. Имя панели указывается в атрибуте id. В определении первой ссылки атрибуту class присваивается значение active, как выделено полужирным в приведенном выше коде. Этим пользователю дополнительно указывается на то, что данная панель активна. А теперь вернемся к файлу компоновки default.php. В следующей его части находится код для ввода сценария JavaScript, активизирующего рассматривавшееся ранее поведение для проверки достоверности данных в форме. Далее следует приведенный ниже код. |
Похожие новости | |
|