Easyui llama a la base de datos para lograr el efecto de la vinculación de tres niveles entre provincias, ciudades, condados y distritos.
1. Primero, diseñe la base de datos, como se muestra en la figura. Uno tiene un código de 4 campos, nota, pycode. Código: Código de división administrativa, Nota: Anotación china, Pycode: abreviatura de Pinyin. El código consta de 6 campos. Si es el nivel provincial, es 0,000, si es la ciudad a nivel de prefectura, es 00, y el otro es el condado y el distrito.
He subido el código de base de datos relevante a mi recurso CSDN, y los estudiantes que lo necesitan lo descargarán ellos mismos.
2. Utilizo Java, marco SSH combinado con controles easyui
3. El código HTML es el siguiente
<tr> <td> provincia: </td> <td> <input name = "contact.province" id = "provincia"> </td> <td> ciudad: </td> <td> <input name = "contact.city" id = "ciudad"> </td> <td> condado y distrito: </td> <td> <put name = "contact.county" id "condado" </tr>
4. El código JS correspondiente es el siguiente
$ (function () {// Seleccione el control en el cuadro desplegable. El contenido del cuadro desplegable es consultar dinámicamente la información de la base de datos $ ('#Province'). ComboBox ({Url: 'Aplicar/ProvincomboBox_ComboBox.Action', Editable: False, // No Editable Cache, False, // PanelHeight: 'Auto', //////CO COYETHE ':' CODEA ':' CODEA ':' CODEA ':' CODEA ITATIONIA: ',', ',', '. textField: 'nota', onhidepanel: function () {$ ("#ciudad"). if (provincia! = '') {$ .AJAX ({type: "post", url: "aplicar/citycomboBox_comboBox.action? Province ="+provincia, caché: falso, dataType: "json", éxito: function (data) {$ ("#ciudad"). $ ('##city'). comboBox ({editable: false, // un-editable state cache: false, // panelheight: 'auto', // auto-height lit ovalfield: 'code', textfield: 'nota', onHidePanel: function () {$ ("#creregicy"). val ('); var city = $ ('#City'). ComboBox ('getValue'); }}); $ ("#CREGICOUNTY"). Val (str); CountrySearch (NewValue);5. Código de acción de Java
// Consulta la provincia del Código del Distrito Administrativo Nacional Cadena pública ProvincecomboBox () lanza la excepción {list list = comboBoxservice.findProvince (); this.jsonutil (lista); regresar nulo; } // Consulta el código administrativo del Código Administrativo Nacional City City Public String CityComboBox () lanza excepción {list list = comboBoxservice.findcity (provincia); this.jsonutil (lista); regresar nulo; } // Consulta el Código Nacional del Distrito Administrativo Condado y Distrito Public String County y District lanza excepción {List List = ComboBoxService.FindCounty (City); this.jsonutil (lista); regresar nulo; } // Llame al método de la herramienta JSON y pase en el parámetro Alist public void jsonutil (Object AccolarList) lanza la excepción {httpServletResponse respuesta = servletactionContext.getResponse (); log.info ("JSON Format:" + AccountList.ToString ()); Cadena returnjson = jsonConvert.returnjson (AccountList); respuesta.setcharacterEncoding ("UTF-8"); respuesta.getWriter (). println (returnjson); }6. Código de herramienta JSON
import java.io.stringwriter; import org.codehaus.jackson.map.objectMapper; public class jsonConvert {static string jSonstr; public static String returnjson (objeto objeto) lanza la excepción {ObjectMapper ObjectMapper = new ObjectMapper (); StringWriter StringWriter = new StringWriter (); ObjectMapper.WriteValue (StringWriter, Object); jSonstr = StringWriter.ToString (); regresar jsonstr; }}7. Código de interfaz correspondiente
// Consulta La lista pública de la provincia FindProvince () lanza excepción; // Consulta La lista pública de la ciudad FindCity (código de cadena) arroja excepción; // Consulta la lista pública del condado y el distrito FindCounty (código de cadena) arroja excepción;
8. Código de clase de implementación de interfaz correspondiente
// Buzón de putdown-Query Province Public List FindProvince () {Log.info ("=== Buzón desplegable-Query Province"); Criterios criterios = this.sessionFactory.getCurrentSession (). CreateCriteria (CareCodetblqg.Class); criteria.add (restrictions.ike ("código", "%0000")); criteria.addorder (orden.asc ("código")); return criteria.list (); } // Putdown Box-QUERY City Public List FindCity (String Code2) {Log.info ("=== CIUDAD DE DISPACIA-QUERY"); String id = code2.substring (0,2); Criterios criterios = this.sessionFactory.getCurrentSession (). CreateCriteria (CareCodetblqg.Class); criteria.add (restrictions.ike ("código", id+"%00")); criteria.add (restrictions.ne ("código", code2)); criteria.addorder (orden.asc ("código")); return criteria.list (); } // Cuadro desplegable-Query County Public List FindCounty (String Code3) {Log.info ("=== Cuadro desplegable-Query County"); String id = code3.substring (0,4); Criterios criterios = this.sessionFactory.getCurrentSession (). CreateCriteria (CareCodetblqg.Class); criteria.add (restrictions.ike ("código", id+"%")); criteria.add (restrictions.not (restrictions.ike ("código", "%01"))); criteria.add (restrictions.ne ("código", code3)); criteria.addorder (orden.asc ("código")); return criteria.list (); }Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.