学步园

一，先来一个规范，而且简单的，从后台取数据

ext

//ajax combobox<br /> var proxy = new Ext.data.HttpProxy({url:'DataServlet.do'});<br /> var record = new Ext.data.Record.create([<br /> {name:'id',type:'int',mapping:'id'},<br /> {name:'name',type:'string',mapping:'name'}<br /> ]);<br /> var reader = new Ext.data.JsonReader({},record);<br /> var store = new Ext.data.Store({<br /> proxy:proxy,<br /> reader:reader<br /> });<br /> var combobox = new Ext.form.ComboBox({<br /> renderTo:Ext.get('d1'),<br /> store:store,<br /> emptyText:'请选择城市',<br /> mode:'remote',<br /> triggerAction:'all',<br /> displayField:'name',<br /> valueField:'id'<br /> });

servlet

public class DataServlet extends HttpServlet {<br /> private static final long serialVersionUID = -3447805308742554872L;</p> <p> protected void doGet(HttpServletRequest req, HttpServletResponse resp)<br /> throws ServletException, IOException {<br /> resp.setContentType("text/html;charset=utf-8");<br /> PrintWriter out = resp.getWriter();<br /> String json = "[{id:1,name:'长沙市'},{id:2,name:'株洲市'},{id:3,name:'湘潭市'},{id:4,name:'昭阳市'},{id:5,name:'娄底市'}]";<br /> out.write(json);<br /> out.flush();<br /> out.close();<br /> }</p> <p> protected void doPost(HttpServletRequest req, HttpServletResponse resp)<br /> throws ServletException, IOException {<br /> this.doGet(req, resp);<br /> }<br /> }

二，再来一个带分页的

ext

//ajax combobox 分页<br /> var ds = new Ext.data.Store({<br /> proxy:new Ext.data.HttpProxy({url:'PageServlet.do'}),<br /> reader:new Ext.data.JsonReader({<br /> totalProperty:'totalProperty',<br /> root:'root'<br /> },[<br /> {name:'id',type:'int',mapping:'id'},<br /> {name:'name',type:'string',mapping:'name'}<br /> ])<br /> });<br /> var combo = new Ext.form.ComboBox({<br /> renderTo:Ext.get('d2'),<br /> store:ds,<br /> emptyText:'请选择部门',<br /> mode:'remote',<br /> triggerAction:'all',<br /> displayField:'name',<br /> valueField:'id',<br /> pageSize:5,<br /> readOnly:true,<br /> listWidth:200<br /> });

servlet

public class PageServlet extends HttpServlet {<br /> private static final long serialVersionUID = -3447805308742554872L;</p> <p> protected void doGet(HttpServletRequest req, HttpServletResponse resp)<br /> throws ServletException, IOException {<br /> resp.setContentType("text/html;charset=utf-8");<br /> PrintWriter out = resp.getWriter();</p> <p> int start = Integer.parseInt(req.getParameter("start"));<br /> int limit = Integer.parseInt(req.getParameter("limit"));<br /> int totalProperty = 17;<br /> int end = start + limit;<br /> if (end > totalProperty) {<br /> end = totalProperty;<br /> }</p> <p> String fmt = "{id:%d,name:/"%s/"}";<br /> StringBuffer sb = new StringBuffer("{totalProperty:");<br /> sb.append(totalProperty).append(",root:[");</p> <p> for (int i = start; i < end; i++) {<br /> sb.append(String.format(fmt, i, "部门" + i));<br /> if (i < end - 1) {<br /> sb.append(",");<br /> }<br /> }<br /> sb.append("]}");</p> <p> out.write(sb.toString());<br /> out.flush();<br /> out.close();<br /> }</p> <p> protected void doPost(HttpServletRequest req, HttpServletResponse resp)<br /> throws ServletException, IOException {<br /> this.doGet(req, resp);<br /> }<br /> }