easyui的資料表格新增圖片
阿新 • • 發佈:2018-11-13
前幾天小編剛接觸easyui碰到歌問題就是怎麼在資料表格中某個列展示為圖片
今天小編就這裡分享下:
(js程式碼)
$('#dg').datagrid({ url:''+$("#aa").val()+'bookAction.action?methodName=findBookAll&&book_name='+$("#book_name").val()+'&&page='+$("#page").val(), fitColumns:true, fit:true, //單元格內容自動換行 nowrap:false, pagination:true, columns:[[ {field:'book_name',title:'書名',width:100,align:'center'}, {field:'doc_name',title:'書籍封面',width:100, //格式化單元格並返回img的標籤 formatter:function(value,row,index){ return "<img width='' height='' src="+$("#aa").val()+row.doc_name+">"; } ,align:'center'}, {field:'book_author',title:'作者',width:100,align:'center'}, {field:'book_context',title:'簡介',width:100,align:'center'}, {field:'book_publishing',title:'出版社',width:100,align:'center'}, {field:'book_price',title:'價格',width:100,align:'center'} ]],toolbar:"#td" });
原來就只是加了個 “formatter”屬性,重新格式化並把img標籤 return 就可以了