combobox使用

  利用select option方法展示的下拉选，里面的内容是在JSP文件里面写死的，如果想动态获取数据库里的数据放在下拉选里面要用到combobox。

combobox有get set方法：

获取值：$("#department").combobox('getText');        $("#department").combobox('getValue');赋值：  $("#department").combobox('setText',row.department);                   $("#department").combobox('setValue',row.deptid);         <tr>            <td>所属部门：</td>          <td>           <input class="easyui-combobox " id="department" name="department" />          </td>          </tr> 

  网上关于使用combobox的方式有多种，我使用的是：

function getText(){  $("#department").combobox({                       url:"suc/findAllDept",                     // 向服务器请求的模式                       method : "post",                     data: "jsonp",                    valueField: 'id',                      textField: 'department'               }); }

valueField里放的是部门ID，textField里放的是部门名称，在数据库里的具体表信息为：

  通过url的地址到控制器里找对应的方法：

  @RequestMapping("findAllDept")  @ResponseBody    public JSONArray findAllDept(HttpServletRequest req,HttpServletResponse res) throws IOException{     JSONArray jsonArray=new JSONArray() ;      List<Map<String, String>> lists=new ArrayList<Map<String, String>>();     lists=sysUserService.findAllDept();     //System.out.println(lists);     jsonArray =JSONArray.fromObject(lists);     // res.setContentType("text/html;charset=utf-8");     // PrintWriter pw = res.getWriter();     // pw.write(jsonArray.toString());     // pw.flush();     // System.out.println(jsonArray);     return jsonArray;  }

  SQL语句：

<select id="findAllDept" resultType="Map" >    select id,department from sys_dept</select>

  该方法将查找出的部门信息返回给前端。最终显示在网页上为：

  。

。

假如想对其内容进行修改，例如：所属部门原来是“研发中心”，现在想改为“呼叫中心”

想达到上图展示的效果的话，需要先调用getText()方法，然后取出现在的部门信息放在"#department"内。

     getText();     $("#department").combobox('setText',row.department);                $("#department").combobox('setValue',row.deptid);