Tente Online: Container Accordion
Dojo fornecer maneira muito fácil e agradável de criar recipientes diferentes, tais como acordeão, guia, borda e pilha etc
Estes recipientes realizar diferentes tipos de painéis. Estes diferentes painéis, por sua vez usar para segurar conteúdo. conteúdo pode ser texto simples ou pode ser html completa.
Zend Framework colaboração com Dojo tornou as coisas muito fácil. Zend Framework fornece ajudantes fim de alcançar diferentes tipos de funcionalidade dojo.
Neste artigo eu estou indo discutir como criar Container Accordion. Container acordeão prender painéis de acordeão. Cada painel de acordeão realizar diferentes conteúdos e abrir de uma forma elegante quando o usuário clicar no título do painel.
A fim de permitir ajudantes dojo em você Zend Framework aplicativo, você vai precisar fazer alguma configuração inicial. ler o meu tutorial " Zend Framework e Dojo: configuração "antes de ler este tutorial. Após a configuração bem-sucedida criar um controlador chamado "ContinerController.php" em seu diretório de controladores e coloque o seguinte código nele.
class ContainerController estende Zend_Controller_Action
{
accordionAction função pública ()
{ } }
Temos apenas uma ação definida em nosso controlador, colocando nenhum código em tudo. no entanto você pode colocar qualquer código que você deseja.
Agora em / application / views / scripts / local / container accordion.phtml o seguinte código.
accordionContainer () -> captureStart ('container-main', $ this-> array ('design' => 'headline'), array ( "estilo" => "height: 400px; width: 400px ' )) ; echo $ this-> AccordionPane ( 'home', 'Esta é a página home', array ('região' => 'top' 'title' => 'Home'), array ('estilo' => 'background- color: white; ') ); echo $ this-> AccordionPane ( 'galeria', 'O conteúdo da galeria aqui', array ('região' => 'left', 'title' => ''), Galeria array (' estilo '=>' background-color: white; ') ); echo $ this-> AccordionPane ( 'Blog', 'Blog post aqui', array ('região' => 'centro', 'title' => 'Blog '), array ('estilo' => 'background-color: white;') ); echo $ this-> accordionContainer () -> captureEnd ('container-main'); ?>
O código é bastante simples. nós primeiramente chamada de método captureStart () em accordionContainer (). isso vai começar container acordeão para nós.
continer Uma vez que o acordeão é iniciado, é preciso colocar painéis de acordeão nele e no final vamos ter de chamar captureEnd () para terminar o nosso container acordeão.
O recipiente segurando o painel de acordeão seguinte.
echo $ this-> AccordionPane (
'home',
'Esta é a página home',
array ('região' => 'top', 'title' => 'Home'),
array ('estilo' => 'background-color : white; ')
);
A chamada acima AccordionPane código () método auxiliar. Este método auxiliar dojo ter um "id", "conteúdo" a ser exibido no painel de acordeão, um array contendo os atributos especiais do painel de acordeão, e matriz de atributos css.
