jQuery EasyUI 利用JavaScript解析後端json

若有這樣一個json:json

    

1 {"goods":[
2         {"id":1,"category":{"id":1,name:"category1"},"name":"NameA","shelfLife":12},
3         {"id":1,"category":{"id":1,name:"category1"},"name":"NameB","shelfLife":12},
4     ]
5 }

 

在頁面中,我要在EasyUI的datagrid中顯示以下列:ui

id,category中的name,nameurl

則作以下處理:code

    

01 <table id="datagrid" class="easyui-datagrid" width="460px"
02 url="goodsList" title="商品表" auto-resize="true" pagination="true"
03 fitColumns="true">
04     <thead>
05         <tr>
06 <th field="id" checkbox="true"></th>
07 <th field="name">商品名稱</th>
08 <th field="category" formatter="formatCategory">商品類別</th>
09 <th field="shelfLife" formatter="formatShelfLife">保質期</th>
10         </tr>
11     </thead>
12 </table>
13  
14 <script>
15     function formatCategory(value){
16         return value.name;
17     };
18    function  formatShelfLife (value){
19         return value + " 月";
20     };
21 </script>

field是傳入formatCategory中的value值。orm

轉載過來,以備使用ip

相關文章
相關標籤/搜索