1. 程式人生 > >easyui的資料表格新增圖片

easyui的資料表格新增圖片

前幾天小編剛接觸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  就可以了