easyui的数据表格添加图片

版权声明:仅供学习 https://blog.csdn.net/qq_41304019/article/details/82968053

前几天小编刚接触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  就可以了

猜你喜欢

转载自blog.csdn.net/qq_41304019/article/details/82968053
今日推荐