Tente online: Container Tab
Em meus posts anteriores eu discutimos como criar container acordeão segurando painéis de acordeão e container fronteira com painéis de conteúdo.
Neste artigo eu estou indo mostrar-lhe como é fácil criar continer guia que mantêm painéis de conteúdo. Cada painel de conteúdo com conteúdo diferente. Conteúdo em um painel de guia são mostrados ao mesmo tempo. quando o uso de clicar no título do painel de guia, conteúdo nesse painel de guia são mostradas.
Antes de ler este post, é melhor você ler e implementar o que eu tenho discutido no meu artigo " Zend Framework e Dojo: configuração". Antes de criar continer guia e painéis, você precisa entender e executar configuration.I necessário assumir que você leu o post que eu mencionei e ter feito a configuração necessária. Agora vamos começar.
Primeiro de tudo, você vai precisar para criar o seu controlador como
No código acima, temos definidos os nossos ContainerController estendê-lo a partir Zend_Controller_Action, e então nós temos definidos os nossos TabAction.
Agora, o próximo passo é criar tab.phtml in / application / views / scripts / container / e coloque o seguinte código nele .
Aqui podemos chamar captureStart () método de TabContainer () dojo view helper, dando-lhe um id, e matriz atributos guia contendo recipiente especial. Em seguida, definimos os painéis de conteúdo. Cada painel de conteúdo contém os dados. Os painéis de conteúdo no recipiente guia será painéis guia.
cada painel de conteúdo é definida como
Aqui "home" é o id da página de conteúdo, "string" Next é o conteúdo que irá aparecer no painel de tabulação. Em seguida, temos definida a matriz dos atributos especiais do conteúdo. Aqui título é o atributo mais importante. Esse título será exibido na guia. A matriz última conter atributos css relacionados.
É isso. temos agora escrito todo o código necessário para a criação de agradável e bonito Tab recipiente.
Em meus posts anteriores eu discutimos como criar container acordeão segurando painéis de acordeão e container fronteira com painéis de conteúdo.
Neste artigo eu estou indo mostrar-lhe como é fácil criar continer guia que mantêm painéis de conteúdo. Cada painel de conteúdo com conteúdo diferente. Conteúdo em um painel de guia são mostrados ao mesmo tempo. quando o uso de clicar no título do painel de guia, conteúdo nesse painel de guia são mostradas.
Antes de ler este post, é melhor você ler e implementar o que eu tenho discutido no meu artigo " Zend Framework e Dojo: configuração". Antes de criar continer guia e painéis, você precisa entender e executar configuration.I necessário assumir que você leu o post que eu mencionei e ter feito a configuração necessária. Agora vamos começar.
Primeiro de tudo, você vai precisar para criar o seu controlador como
class ContainerController estende Zend_Controller_Action
{
TabAction função pública ()
{ } }No código acima, temos definidos os nossos ContainerController estendê-lo a partir Zend_Controller_Action, e então nós temos definidos os nossos TabAction.
Agora, o próximo passo é criar tab.phtml in / application / views / scripts / container / e coloque o seguinte código nele .
TabContainer () -> captureStart ('container-main', $ this-> array ('design' => 'headline'), array ( "estilo" => "height: 400px; width: 800px ' )) ; echo $ this-> contentPane ( 'home', 'Esta é a página home', array ('região' => 'top' 'title' => 'Home'), array ('estilo' => 'background- color: white; ') ); echo $ this-> contentPane ( 'galeria', 'O conteúdo da galeria aqui', array ('região' => 'left', 'title' => ''), Galeria array (' estilo '=>' width: 200px; background-color: white; ') ); echo $ this-> contentPane ( 'Blog', 'Blog post aqui', array ('região' => 'center', 'title' => 'Blog'), array ('estilo' => 'background-color: white;') ); echo $ this-> contentPane ( 'sobre', 'Informações sobre a empresa etc', array ("região" = > 'bottom', 'title' => 'About Us'), array ('estilo' => 'background-color: white;') ); echo $ this-> TabContainer () -> captureEnd ('container principal '); ?> Aqui podemos chamar captureStart () método de TabContainer () dojo view helper, dando-lhe um id, e matriz atributos guia contendo recipiente especial. Em seguida, definimos os painéis de conteúdo. Cada painel de conteúdo contém os dados. Os painéis de conteúdo no recipiente guia será painéis guia.
cada painel de conteúdo é definida como
echo $ this-> contentPane (
'home',
'Esta é a página home',
array ('região' => 'top', 'title' => 'Home'),
array ('estilo' => 'background-color : white; ')
);Aqui "home" é o id da página de conteúdo, "string" Next é o conteúdo que irá aparecer no painel de tabulação. Em seguida, temos definida a matriz dos atributos especiais do conteúdo. Aqui título é o atributo mais importante. Esse título será exibido na guia. A matriz última conter atributos css relacionados.
É isso. temos agora escrito todo o código necessário para a criação de agradável e bonito Tab recipiente.
