1. Home
  2. jQuery EasyUI Form - pole Utwórz drzewo rozwijanej (ComboTree)

Najlepszy samouczek jQuery EasyUI Form - pole Utwórz drzewo rozwijanej (ComboTree) W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI Form - pole Utwórz drzewo rozwijanej (ComboTree)

Pole rozwijane drzewo (ComboTree) jest rozwijane pole poniżej drzewa (drzewo) z (ComboBox). Może on działać jako wykorzystanie pola formularza, można składać do zdalnego serwera.

W tym tutorialu stworzymy formularz rejestracyjny z polami nazwisko, adres, miasto. Pole miasta jest polem drzewa pole rozwijane (ComboTree), w którym użytkownik może spaść w dół panelu drzewa (panel drzewa), a następnie wybierz konkretne miasto.

Tworzenie formularza (formularz) 

	<Div id = "DLG" class = "easyui-dialog" style = "width: 500px; height: 250px; padding: 10px 30px;"
			title = "Rejestracja" przyciski = "# DLG przyciski">
		<H2> Informacje o koncie </ h2>
		<Form id = "ff" method = "post">
			<Table>
				<Tr>
					<Td> Nazwa: </ td>
					<Td> <input type = "text" name = "nazwa" style = "width: 350px;" /> </ td>
				</ Tr>
				<Tr>
					<Td> Adres: </ td>
					<Td> <input type = "text" name = "adres" style = "width: 350px;" /> </ td>
				</ Tr>
				<Tr>
					<Td> Miasto: </ td>
					<Td> <select class = "easyui-combotree" url = "data / city_data.json" name = "miasto" style = "width: 156px;" /> </ td>
				</ Tr>
			</ Table>
		</ Form>
	</ Div>
	<div id = "DLG przyciski">
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="savereg()"> Prześlij </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')"> Anuluj </a>
	</ Div>

Widać z powyższego kodu, nazwaliśmy okno drzewa rozwijanej "city" (ComboTree) utworzenie pola atrybutu url, w tym polu można pobrać drzewa (tree) danych z serwera zdalnego. Należy pamiętać, że w tym polu ma styl zwany "easyui-combotree ', więc nie trzeba pisać żadnego kodu js drzewa pole rozwijanej (ComboTree) pola są automatycznie wygenerowana.

Pobierz przykłady jQuery EasyUI

jeasyui-form-form2.zip

Hot Tutorials

Contact US

jQuery EasyUI Form - pole Utwórz drzewo rozwijanej (ComboTree)
10/30