1. Home
  2. jQuery EasyUI Form - Criar uma caixa de árvore drop-down (ComboTree)

O melhor tutorial jQuery EasyUI Form - Criar uma caixa de árvore drop-down (ComboTree) em 2024. Neste tutorial você pode aprender Baixar exemplos jQuery EasyUI,

jQuery EasyUI Form - Criar uma caixa de árvore drop-down (ComboTree)

Árvore caixa drop-down (ComboTree) é uma caixa drop-down abaixo da árvore (árvore) com o (ComboBox). Pode actuar como um campo de formulário uso, ele pode ser submetido a um servidor remoto.

Neste tutorial, vamos criar um formulário de registo com os campos nome, endereço, cidade. campo cidade é um campo da caixa drop-down árvore (ComboTree), no qual o usuário pode cair para baixo o painel de árvore (painel de árvore), e selecionar uma cidade específica.

Criar um formulário (Form) 

	<Div id = "dlg" class = "-de diálogo easyui" style = "width: 500px; height: 250px; padding: 10px 30px;"
			title = "Register" botões = "# DLG-botões">
		<H2> Informações da conta </ ​​h2>
		<Form id = "ff" method = "post">
			<Table>
				<Tr>
					<Td> Nome: </ td>
					<Td> <input type = "text" name = "nome" style = "width: 350px;" /> </ td>
				</ Tr>
				<Tr>
					<Td> Endereço: </ td>
					<Td> <input type = "text" name = "endereço" style = "width: 350px;" /> </ td>
				</ Tr>
				<Tr>
					<Td> Cidade: </ td>
					<Td> <select class = "easyui-combotree" url = "Dados / city_data.json" name = "cidade" style = "width: 156px;" /> </ td>
				</ Tr>
			</ Table>
		</ Form>
	</ Div>
	<id = "DLG-botões" div>
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="savereg()"> Submeta </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')"> Anular </a>
	</ Div>

Você pode ver no código acima, nós chamado de "cidade" caixa da árvore drop-down (ComboTree) criou um campo de atributo url, este campo pode ser recuperada dados da árvore (árvore) do servidor remoto. Por favor note que este campo tem um estilo chamado 'easyui-combotree', de modo que não precisa escrever qualquer caixa drop-down árvore de código js (ComboTree) campos são automaticamente processado.

Baixar exemplos jQuery EasyUI

jeasyui-form-form2.zip

Tutoriais quentes

Contact US

jQuery EasyUI Form - Criar uma caixa de árvore drop-down (ComboTree)
10/30