easyUI dategrid field 用formatter顯示子屬性，easyuiformatter
dategrid：
<body class="easyui-layout" data-options="fit:true,border:false"><table id="dg" class="easyui-datagrid" data-options="fit:true,border:false"url="book/listBookForUser"toolbar="#toolbar" pagination="true"rownumbers="true" fitColumns="true" singleSelect="true"><thead><tr><th field="bookId" width="50">書ID</th><th field="bookName" width="50">書名</th><th field="bookType" width="50" formatter="formatBookType">書類型</th><th field="author" width="50">作者</th><th field="callNumber" width="50">索書號</th><th field="iSBN" width="50">ISBN</th><th field="publisher" width="50">出版社</th><th field="publishYear" width="50">出版年份</th><th field="series" width="50">系列</th><th field="language" width="50">語言</th><th field="price" width="50">價格</th><th field="page" width="50">頁數</th></tr></thead></table>
function formatBookType(val,row,index){//alert(row.bookType);if(val==null){return "";}elsereturn row.bookType.bookTypeName;}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
