javascrpt语言怎么将list列表转换为easyui的table?用语句怎么实现?

javascrpt语言怎么将list列表转换为easyui的table?用语句怎么实现?

2个回答

java list转json字符串就行了,客户端easyui配置好columns对应

https://blog.csdn.net/jj_nan/article/details/70808830

caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 很正确,可以采纳。
接近 2 年之前 回复

本来还给你写好了例子的,结果被系统封杀了,禁言了,我代码中出现敏感词了。。。我不是灌水,
列子:
后台:

 @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
                            });
                        }
                    });
});

});






Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问