jQuery EasyUI Layout - criar guias (Tabs)
Este tutorial mostra como usar o atraso para criar um componente Tabs easyui. Tabs pode ter vários adicionar ou remover o painel (painel) dinamicamente. Você pode usar Tabs para exibir as diferentes entidades na mesma página.
Tabs mostram apenas uma vez por painel (painel), cada painel (painel) tem um título, ícone e botão de fechamento. Quando Tabs é selecionado, o painel de visualização correspondente (painel) conteúdo.
Criando Tabs tag de HTML, contém uma série de contêiner DIV DIV e o painel (painel).
<Div class = "easyui-tabs" style = "width: 400px; height: 100px;"> <Div title = "Primeiro Tab" style = "padding: 10px;"> primeiro Tab </ Div> <Div title = "Second Tab" pode ser fechado = "true" style = "padding: 10px;"> segundo Tab </ Div> <Div title = "terceira aba" iconCls = "icon-reload" closable = "true" style = "padding: 10px;"> terceiro Tab </ Div> </ Div>
Nós criamos um componente com três painéis Tabs (painel), o segundo e terceiro painel (painel) pode ser fechada clicando no botão Fechar.