janela jQuery EasyUI - o layout da janela
componente de layout pode ser embutido na janela (janela) no. Podemos criar uma janela de layout complexo, você não precisa mesmo de escrever qualquer código js. framework jQuery-easyui para nos ajudar a fazer o processamento em segundo plano e ajustar o tamanho.
Como um exemplo, podemos criar uma janela (janela), que consiste em duas partes, uma para a esquerda de um lugar no lado direito. Na janela à esquerda (janela), criamos um menu em árvore (árvore), na janela da direita (janela) criamos uma abas do recipiente.
<Div class = "easyui-window" title = "Layout Window" icon = "icon-ajuda" style = "width: 500px; height: 250px; padding: 5px; background: #fafafa;"> <Div class = "easyui-disposição" encaixar = "true"> <Region Div = "oeste" split = "true" style = "width: 120px;"> <Ul class = "easyui-árvore"> <Li> <Span> Biblioteca </ span> <Ul> <Li> <span> easyui </ span> </ li> <Li> <span> Music </ span> </ li> <Li> <span> Imagem </ span> </ li> <Li> <span> Banco de Dados </ span> </ li> </ Ul> </ Li> </ Ul> </ Div> <Region Div = "center" border = "false" border = "false"> <Div class = "easyui-tabs" encaixar = "true"> <Div title = "Home" style = "padding: 10px;"> jQuery easyui quadro ajuda a construir sua página da web facilmente. </ Div> <div title = "Contatos"> Não há dados de contato. </ Div> </ Div> </ Div> <Region Div = "sul" border = "false" style = "text-align: right; height: 30px; line-height: 30px;"> <a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)"> Ok </a> <a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"> Anular </a> </ Div> </ Div> </ Div>
Olhe para o código acima, só usamos tags HTML, a janela de layout complexo (janela) será exibida. Este é o framework jQuery-easyui, simples e poderoso.