EasyUi dataGrid JavaBean

最新推荐文章于 2020-04-11 23:52:49 发布

原创最新推荐文章于 2020-04-11 23:52:49 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #datagrid #class

本文介绍如何使用Datagrid展示包含引入类型的复杂数据，并通过具体字段配置实现数据格式化及前端展示效果优化。例如，时间戳转日期格式、操作员名称显示、文件密级等字段的定制化展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 如果 datagrid 中返回的数据中带有引入类型，可以通过 datagrid中colum 中的formate 来获取到

$('#extendLogDatagrid').datagrid({
			url:'loadListDatas_ExchangeLogAction.action',
			rownumbers: true,
			fitColumns: true,
			pagination:true,
			pageSize: 20,
			striped:false,
			sortName:'operation_time',
			sortOrder:'desc',
			columns:[[ 
				{field:'doc_name',title:'文件名称',width:100,align:'center',sortable:true}, 
				{field:'operation_time',title:'操作时间',width:100,align:'center',sortable:true,order:'desc',formatter: function(value,row){
		        	return getFormatDateByLong(Number(value),'yyyy-MM-dd hh:mm:ss');
		        },width:100,align:'center'},
		        {field:'operation_man',title:'操作人',width:100,align:'center',formatter: function(value,row){
					return (value==null?"":value.name);
        			}
				},
// 				{field:'qrcode',title:'二维码唯一标识',width:100,align:'center'},
				{field:'doc_secretlevel',title:'文件密级',width:100,formatter: function(value,row){
					return value.name;
	        		}
				},
				{field:'boxIp',title:'箱子Ip地址',width:100,align:'center',sortable:true},
				{field:'opState',title:'操作状态',width:100,align:'center',sortable:true,formatter: function(value,row){
					var htmlStr ='';
						if(value=="取件"){
// 							htmlStr ='<font  color="red">'+value+'</font>';
							htmlStr ="<a  class=\"form_pickup\">"+value+"</a>";
						}else if(value=="存件"){
							htmlStr ="<a  class=\"form_storage\">"+value+"</a>";
						}
						return htmlStr;
	        		}
				}
			]] ,
			onLoadSuccess:function(index,field,value){
				$('.form_pickup').linkbutton({ 
					iconCls: 'icon-log_get',
					plain:true
				}); 
				$('.form_storage').linkbutton({
					iconCls: 'icon-log_put',
					plain:true
				});
		  	}
		});