EasyUi ruft die Datenbank auf, um den Effekt einer dreistufigen Verknüpfung zwischen Provinzen, Städten, Landkreisen und Distrikten zu erreichen.
1. Entwerfen Sie zunächst die Datenbank, wie in der Abbildung gezeigt. Man hat 4 Fields -Code, Hinweis, Pycode. Code: Administrative Abteilung Code, Hinweis: Chinesische Annotation, Pycode: Pinyin -Abkürzung. Der Code besteht aus 6 Feldern. Wenn es sich um die Provinzebene handelt, sind es 0.000, wenn es sich um die Stadtebene auf Präfekturebene handelt, ist es 00 und der andere der Landkreis und der Bezirk.
Ich habe den entsprechenden Datenbankcode in meine CSDN -Ressource hochgeladen, und Schüler, die ihn benötigen, werden ihn selbst heruntergeladen.
2. Ich benutze Java, SSH -Framework in Kombination mit EasyUi -Steuerelementen
3. Der HTML -Code ist wie folgt
<tr> <td>Province:</td> <td><input name="contact.province" id="province" ></td> <td>City:</td> <td><input name="contact.city" id="city"></td> <td>County and District:</td> <td><input name="contact.county" id="county" ></td> </tr>
4.. Der entsprechende JS -Code ist wie folgt
$ (function () {// Wählen Sie das Steuerelement im Dropdown-Feld aus. Der Inhalt des Dropdown-Felds besteht darin, die Datenbankinformationen dynamisch abzufragen. Textfeld: 'Notiz', OnHidepanel: Funktion () {$ ("#City"). Combobox ("SetValue", ''); if (Provinz! $ ('#City'). Combobox ({editable: false, // unbenannbarer Zustand Cache: false, // panelHeight: 'auto', // auto-height fit valuefield: 'code', textfield: 'note', onHidepanel: function () {$ ("#cegicounty"). = $ ('#City'). Combobox ('getValue'); });}}}); $ ("#cregicounty"). Val (str)}}); CountrySearch (NewValue);5. Java -Aktionscode
// Abfragen Sie den National Administrative District Code Provinz Public String provincecombobox () Ausnahme aus {listlist = comboboxService.findprovince (); this.jsonUtil (Liste); null zurückkehren; } // Abfragen Sie den nationalen Verwaltungsbezirk Code City Public String CityCombobox () Ausnahme aus {listlist = comboboxService.FindCity (Provinz); this.jsonUtil (Liste); null zurückkehren; } // Abfragen Sie den nationalen Verwaltungsbezirk Code Code und District Public String County und District Ausnahme {listlist = comboboxService.findcounty (Stadt); this.jsonUtil (Liste); null zurückkehren; } // rufen Sie die JSON -Tool -Methode auf und geben Sie die Parameter Alist Public void JsonUtil (Object Accountlist) aus. log.info ("JSON -Format:" + AccountList.ToString ()); String returnjson = jsonConvert.Returnjson (AccountList); response.setcharactercoding ("utf-8"); response.getWriter (). println (returnJson); }6. Tool JSON -Code
import java.io.stringwriter; import org.codeehaus.jackson.map.objectmapper; public class JsonConvert {statische String jSONSON; public static String returnjson (Object Object) löst Ausnahme aus {ObjectMapper ObjectMapper = new ObjectMapper (); StringWriter StringWriter = new StringWriter (); ObjectMapper.WriteValue (StringWriter, Object); JSONSON = StringWriter.ToString (); kehren Sie JSONS zurück; }}7. entsprechender Schnittstellencode
// Abfragen der Provinz Public List FindProvince () löst Ausnahme aus; // Die öffentliche Liste der Stadt findCity (String -Code) ausreißt.
8. Entsprechende Schnittstellen -Implementierungsklassencode
// Putdown-Box-Query Provinz Public List findProvince () {log.info ("=== Dropdown-Box-Query Provinz"); Kriterienkriterien = this.SessionFactory.getCurrentSession (). Createcriteria (careacodetblqg.class); Kriterien.Add (Restriktions.ike ("Code", "%0000")); Criteria.Addorder (order.asc ("Code")); return criteria.list (); } // Putdown-Box-Query City öffentliche Liste FindCity (String-Code2) {log.info ("=== Dropdown-Box-Query-Stadt"); String id = code2.substring (0,2); Kriterienkriterien = this.SessionFactory.getCurrentSession (). Createcriteria (careacodetblqg.class); Kriterien.Add (restriktions.ike ("Code", id+"%00")); criteria.add (restriktions.ne ("code", code2)); Criteria.Addorder (order.asc ("Code")); return criteria.list (); } // Pulldown-Box-Query County Public List Findcounty (String-Code3) {log.info ("=== Dropdown-Box-Query County"); String id = code3.substring (0,4); Kriterienkriterien = this.SessionFactory.getCurrentSession (). Createcriteria (careacodetblqg.class); Kriterien.Add (restriktions.ike ("Code", id+"%")); criteria.add (restriktions.not (restriktions.ike ("code", "%01"))); criteria.add (restriktions.ne ("code", code3)); Criteria.Addorder (order.asc ("Code")); return criteria.list (); }Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.