jQuery EasyUI Layout - creare schede (Tabs)
Questo tutorial mostra come utilizzare il ritardo per creare un componente schede easyui. Le schede possono avere più dinamicamente aggiungere o rimuovere il pannello (pannello). È possibile utilizzare le schede per visualizzare i diversi soggetti sulla stessa pagina.
Le schede mostrano solo una volta un pannello (pannello), ciascun pannello (pannello) ha un titolo, icona e il pulsante di chiusura. Quando si seleziona Spartiti, il display corrispondente contenuto (pannello).
Creazione di tag schede da HTML, contiene una serie di container DIV DIV e pannello (pannello).
<Div class = stile "easyui-tabs" = "width: 400px; height: 100px;"> <Title Div = stile "prima scheda" = "padding: 10px;"> Prima Tab </ Div> <Div title = richiudibile = "true" stile "seconda scheda" = "padding: 10px;"> secondo Tab </ Div> <Title = Div iconCls "terza scheda" = "icona-reload" richiudibile = "true" style = "padding: 10px;"> terza scheda </ Div> </ Div>
Creiamo un componente con tre pannelli Tabs (pannello), il secondo e il terzo pannello (pannello) può essere chiuso facendo clic sul pulsante Chiudi.