javascrpt语言怎么将list列表转换为easyui的table?用语句怎么实现?
java list转json字符串就行了,客户端easyui配置好columns对应
https://blog.csdn.net/jj_nan/article/details/70808830
本来还给你写好了例子的,结果被系统封杀了,禁言了,我代码中出现敏感词了。。。我不是灌水,
列子:
后台:
@RequestMapping(params = "cstmGrid")
@ResponseBody
public DataGrid cstmGrid(CaUnitInfo item, PageHelper ph) {
return caUnitInfoService.cstmGrid(item, ph);
}
前台:
`
<div data-options="region:'center',split:true,title:''">
<table id="dataGrid"></table>
</div>
js加载:
$(function() {
var dataGrid;
dataGrid = $('#dataGrid')
.datagrid(
{
loadMsg : '数据加载中....',
url : '${pageContext.request.contextPath}/sdCstmInfoController.do?cstmGrid2',
fit : true,
fitColumns : false,
border : false,
pagination : true,
idField : 'id',
pageSize : 10,
pageList : [ 10, 20, 50, 100, 200 ],
sortName : 'id',
sortOrder : 'desc',
nowrap : false,
rownumbers : true,
border : true,
striped : true,
singleSelect : true,
checkOnSelect : false,
selectOnCheck : false,
frozenColumns : [ [
{
field : 'id',
title : '编号',
width : 150,
checkbox : true
},
{
field : 'customName',
title : '姓名',
width : 100,
sortable : true,
formatter : function(value, row) {
return ""
+ value
+ "";
}
},
{
field : 'sex',
title : '性别',
width : 50,
sortable : true,
formatter : function(value, row) {
if ("1" == value)
return "男";
else if ("2" == value)
return "女";
}
},
{
field : 'mingZu',
title : '民族',
width : 60,
sortable : true
},
{
field : 'politicalType',
title : '政治面貌',
width : 100,
sortable : true,
}, {
field : 'idCard',
title : '身份证',
width : 150,
sortable : true
}, {
field : 'customTel',
title : '联系电话',
width : 100,
sortable : true
} ] ],
columns : [ [
{
field : 'caozuo',
title : '操作',
width : 150,
halign: 'center',
sortable : true,
formatter : function(value, row) {
if ("2" == row.auditState&&"5"!=row.serviceState)
{
return '<a href="javascript:void(0);" class="edit_button" iconCls="icon-edit" onclick="updateInformat(\'' + row.id + '\')"></a>'
}
else if ("2" == row.auditState&&"5"==row.serviceState){
return '';
}
else{
return '<a href="javascript:void(0);" class="edit_button" iconCls="icon-edit" onclick="updateInformat(\'' + row.id + '\')"></a> <a href="javascript:void(0);" class="delete_button" iconCls="icon-edit" onclick="batchDeleteFun1(\'' + row.id + '\')"/>'
}
}
},{
field : 'escuageState',
title : '是否服兵役',
width : 70,
sortable : true,
formatter : function(value, row) {
if (value == 1)
return "<strong style='color:#EA7500'>否</strong>";
else if (value == 2)
return "<strong style='color:blue'>是</strong>";
}
},
{
field : 'cadreState',
title : '离退休状态',
width : 70,
sortable : true,
formatter : function(value, row) {
if (value == 1)
return "<strong style='color:#EA7500'>离休</strong>";
else if (value == 2)
return "<strong style='color:blue'>退休</strong>";
}
},
{
field : 'serviceState',
title : '状态',
width : 70,
sortable : true,
formatter : function(value, row) {
if (value == 1)
return "<strong style='color:#EA7500'>正常</strong>";
else if (value == 5)
return "<strong style='color:blue'>去世</strong>";
}
},
{
field : 'retirementDate',
title : '离退休时间',
width : 100,
sortable : true
},
{
field : 'auditState',
title : '审核状态',
width : 80,
sortable : true,
formatter : function(value, row) {
if ("1" == value)
return "<strong style='color:blue'>未审核<strong>";
else if ("2" == value)
return "<strong style='color:green'>审核通过<strong>";
else if ("3" == value)
return "<strong style='color:red'>审核未通过<strong>";
}
}, {
field : 'jianKangZhuangK',
title : '健康状况',
width : 90,
sortable : true
}, {
field : 'yangLaoFangShi',
title : '养老方式',
width : 120,
sortable : true
}
] ],
toolbar : '#toolbar',
onLoadSuccess : function() {
$(".edit_button").linkbutton({
text : '编辑',
plain : true,
iconCls : 'icon-edit'
});
$(".delete_button").linkbutton({
text : '删除',
plain : true,
iconCls : 'icon-delete'
});
doCellTips(true);
},
onRowContextMenu : function(e, rowIndex, rowData) {
e.preventDefault();
$(this).datagrid('unselectAll').datagrid(
'uncheckAll');
$(this).datagrid('selectRow', rowIndex);
$('#menu_tools').menu('show', {
left : e.pageX,
top : e.pageY
});
}
});
});
});