Easyui中的combobox載入來自Action的JSON的2種方法

來源:互聯網
上載者:User

{"total":28,"rows":[{"productid":"FI-SW-01","productname":"Koi"},{"productid":"K9-DL-01","productname":"Dalmation"},{"productid":"RP-SN-01","productname":"Rattlesnake"},{"productid":"RP-LI-02","productname":"Iguana"},{"productid":"FL-DSH-01","productname":"Manx"},{"productid":"FL-DLH-02","productname":"Persian"},{"productid":"AV-CB-01","productname":"Amazon Parrot"}]}

combobox載入的Json格式如下

[{"productid":"FI-SW-01","productname":"Koi"},{"productid":"K9-DL-01","productname":"Dalmation"},{"productid":"RP-SN-01","productname":"Rattlesnake"},{"productid":"RP-LI-02","productname":"Iguana"},{"productid":"FL-DSH-01","productname":"Manx"},{"productid":"FL-DLH-02","productname":"Persian"},{"productid":"AV-CB-01","productname":"Amazon Parrot"}]


combobox載入JSON方法1:輸出符合要求的JSON

        JSONArray json = JSONArray.fromObject(list);        System.out.println(json.toString());         response.setCharacterEncoding("utf-8");// 指定為utf-8response.getWriter().write(json.toString());// 轉化為JSOn格式

在jsp代碼中

$('#cc').combobox({       url:'load!queryCpersontype',       valueField:'code',       textField:'note'  }); 

:雖然輸出的JSON不符合要求,但是在jsp頁面中轉化為符合要求的

JSONObject jobj = new JSONObject();// new一個JSONjobj.accumulate("rows", list);// row是代表顯示的頁的資料log.info("JSON格式:" + jobj.toString());response.setCharacterEncoding("utf-8");// 指定為utf-8response.getWriter().write(jobj.toString());// 轉化為JSOn格式

在jsp代碼中

 $.ajax({   type: "POST",   url: "load!queryCpersontype",   dataType:"json",   success: function(json){     $("#cc").combobox({ data:json.rows, valueField:'code',     textField:'note' });   } });


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.