jQuery Formulario EasyUI - Crear un cuadro de árbol desplegable (ComboTree)
cuadro desplegable árbol (ComboTree) es un cuadro desplegable debajo del árbol (árbol) con el (ComboBox). Puede actuar como un uso de campo de formulario, puede ser sometida a un servidor remoto.
En este tutorial, vamos a crear un formulario de registro con los campos nombre, dirección, ciudad. ámbito de la ciudad es un campo árbol cuadro desplegable (ComboTree), en la que el usuario puede desplegar el panel de árbol (panel de árbol), y seleccionar una ciudad específica.
Crear un formulario (Formulario)
<Id = class = estilo "-easyui de diálogo" Div "DLG" = "width: 500px; altura: 250px; padding: 10px 30px;" title = botones = "DLG-botones #" "Registro"> <H2> Información de la cuenta </ h2> <Form id = método de "FF" = "post"> <Tabla> <Tr> <Td> Nombre: </ td> <Td> <input type = "text" name = estilo "nombre" = "width: 350px;" /> </ td> </ Tr> <Tr> <Td> Dirección: </ td> <Td> <input type = "text" name = estilo de "dirección" = "width: 350px;" /> </ td> </ Tr> <Tr> <Td> Ciudad: </ td> <Td> <select class = url = "/ city_data.json datos" name = estilo de "ciudad" "easyui-combotree" = "width: 156px;" /> </ td> </ Tr> </ Table> </ Form> </ Div> <id = "DLG-botones" div> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="savereg()"> Presentar </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')"> Cancelar </a> </ Div>
Se puede ver en el código anterior, que se llama una caja de árbol desplegable "ciudad" (ComboTree) estableció un campo de atributo url, este campo se puede recuperar los datos de árbol (Árbol) desde el servidor remoto. Tenga en cuenta que este campo tiene un estilo llamado 'easyui-combotree', por lo que no necesita escribir ningún cuadro desplegable árbol de código js (ComboTree) campos se representan de forma automática.