1.導入easyui封裝好的底層js:
datagrid-export.js
2.頁面增加導出按鈕:
<td style="padding-left:15px;">
<a id="btnExport" class="hisui-linkbutton" data-options="iconCls:'icon-w-export'">導出</a>
</td>
3.js方法:
//導出按鈕事件
$('#btnExport').on('click', function(){
obj.btnExport_onClick();
});
//導出功能
obj.btnExport_onClick = function(){
$('#gridReuslt').datagrid('toExcel', getFormatDate()+'檢驗工作站查詢.xls');
}
4.遇到的問題:
1)如果頁面有復選框,再導出時會顯示undefined,這時需要隱藏改列
打開easyui封裝的底層js:datagrid-export.js,在function toHtml(target, rows)方法下增加:
2)如果前端拼接了字段,則不會顯示拼接的字段:
所以,建議拼接字段在后台拼接
5.前端修改字段值(需求:隱藏摘要字段; IsSuspend字段下值為0和1,為0顯示待處理):