jQuery Form EasyUI - Créer une boîte arborescence déroulante (ComboTree)
liste déroulante Arbre (ComboTree) est une zone de liste déroulante ci-dessous l'arbre (Arbre) avec le (ComboBox). Elle peut agir comme une utilisation de champ de formulaire, il peut être soumis à un serveur distant.
Dans ce tutoriel, nous allons créer un formulaire d'inscription avec les champs nom, adresse, ville. champ de ville est une zone de liste déroulante arbre (ComboTree) champ, dans lequel l'utilisateur peut descendre le panneau d'arbre (panneau d'arbre), et sélectionner une ville spécifique.
Créer un formulaire (formulaire)
<Div id = class = style "dlg" "easyui-dialogue" = "width: 500px; height: 250px; padding: 10px 30px;"
title = "enregistrer" boutons = "# dlg-boutons">
<H2> Informations sur le compte </ h2>
<Form id = méthode "ff" = "post">
<Table>
<Tr>
<Td> Nom: </ td>
<Td> <input type = "text" name = style "name" = "width: 350px;" /> </ td>
</ Tr>
<Tr>
<Td> Adresse: </ td>
<Td> <input type = "text" name = style "adresse" = "width: 350px;" /> </ td>
</ Tr>
<Tr>
<Td> Ville: </ td>
<Td> <select class = url = "data / city_data.json" name = le style "easyui-de combotree" "ville" = "width: 156px;" /> </ td>
</ Tr>
</ Table>
</ Form>
</ Div>
<div id = "dlg-boutons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="savereg()"> Soumettre </a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')"> Annuler </a>
</ Div>
Vous pouvez voir dans le code ci-dessus, nous avons appelé une boîte arbre déroulante «ville» (ComboTree) a mis en place un champ d'attribut url, ce champ peut être récupéré arbre (Arbre) données à partir du serveur distant. S'il vous plaît noter que ce champ a un style appelé 'easyui-combotree', donc on n'a pas besoin d'écrire une case déroulante de l'arbre de code js (ComboTree) champs sont automatiquement rendus.
