dabocaiqq
2018-09-06 06:39
采纳率: 66.6%
浏览 557
已采纳

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

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

    });

    
    
    
    
    
    
    点赞 打赏 评论

相关推荐 更多相似问题