jQuery EasyUI Form - Creare una casella albero a discesa (ComboTree)
casella a discesa Albero (ComboTree) è una casella a discesa sotto l'albero (Tree) con la (ComboBox). Esso può agire come un uso campo modulo, può essere inviato a un server remoto.
In questo tutorial, creeremo un modulo di registrazione con i campi nome, indirizzo, città. campo città è un campo albero casella a discesa (ComboTree), in cui l'utente può cadere giù il pannello albero (pannello albero), e selezionare una città specifica.
Creare un modulo (Form)
<Div id = "dlg" class = stile "easyui-dialogo" = "width: 500px; height: 250px; padding: 10px 30px;" title = pulsanti = "DLG bottoni #" "Register"> <H2> Informazioni account </ h2> <Form id = metodo "ff" = "post"> <Table> <Tr> <Td> Nome: </ td> <Td> <input type = "text" name = "nome" style = "width: 350px;" /> </ td> </ Tr> <Tr> <Td> Indirizzo: </ td> <Td> <input type = "text" name = stile "indirizzo" = "width: 350px;" /> </ td> </ Tr> <Tr> <Td> Città: </ td> <Td> <select class = "easyui-combotree" url = "dati / city_data.json" name = stile "città" = "width: 156px;" /> </ td> </ Tr> </ Table> </ Form> </ Div> <id = "-pulsanti DLG" div> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="savereg()"> Invia </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')"> Annulla </a> </ Div>
Si può vedere dal codice di cui sopra, abbiamo chiamato una scatola albero a discesa 'città' (ComboTree) ha istituito un campo di attributo URL, questo campo possono essere recuperate i dati degli alberi (Albero) dal server remoto. Si prega di notare che questo campo ha uno stile chiamato 'easyui-combotree', quindi non abbiamo bisogno di scrivere qualsiasi casella a discesa albero del codice js (ComboTree) i campi sono resi automaticamente.