ajax获取数据用datagird显示

最新推荐文章于 2021-08-06 17:23:02 发布

一剑风霜

最新推荐文章于 2021-08-06 17:23:02 发布

阅读量234

点赞数

CC 4.0 BY-SA版权

文章标签： ajax使用datagird显示回调数据

本文链接：https://blog.csdn.net/qq_43238458/article/details/100308159

本文介绍了一种使用JSON数据填充并展示表格的方法，通过后台返回的JSON数据，根据不同情况动态生成表格列，适用于多种检测方法的数据展示，如稳态工况法、双怠速工况法等。

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

后台返回JSON即可

flag.jcjg.addForm = function()
    {
        var row = flag.jcjg.datagrid.datagrid('getSelected');
        var titlename1 = titlename;
        alert(titlename1)
        if (row == null)
        {
            $.messager.alert('提示', '不能为空！', 'warning');
            return false;
        }
        $('#jcjg_add').show();
        flag.jcjg.addDialog = $('#jcjg_add').dialog(
            $.ajax({
                url: '/JcResult/jcgcsj',
                method: 'POST',
                data : {
                        titlename : titlename,
                        cljcrlsh :row.cljcrlsh,
                         jccs:row.jccs
                         },
                dataType: 'text',
                success:function(d){
                    var data = eval("(" + d + ")");
                    var values=[];
                    for (var i=0;i <data.length; i++){
                        if (titlename=="稳态工况法") {
                            var a = {
                                'cljcrlsh': data[i].cljcrlsh,
                                'jccs': data[i].jccs,
                                'cysx': data[i].cysx,
                                'sscs': data[i].sscs,
                                'no': data[i].no,
                                'hc': data[i].hc,
                                'co': data[i].co,
                                'co2': data[i].co2,
                                'o2': data[i].o2,
                                'fdjzs': data[i].fdjzs
                            };
                        }else if (titlename=="双怠速工况法"){

                        }else if (titlename=="加载减速工况法"){

                        }else if (titlename=="不透光烟度"){

                        }
                        values.push(a);
                    }
                    $('#sssj').datagrid('loadData',values)
                }
            })
        )
    };










 if (titlename=="稳态工况法") {
        $('#sssj').datagrid({
            pagination: false,
            fit: false,
            fitColumns: true,
            rownumbers: true,
            border: true,
            singleSelect: true,
            nowrap: false,
            columns: [[
                {field: 'cljcrlsh', title: '车辆检测流水号', width: 100, align: 'center'},
                {field: 'cysx', title: '采样点', width: 100, align: 'center'},
                {field: 'sscs', title: '车速', width: 100, align: 'center'},
                {field: 'jccs', title: '检测次数', width: 100, align: 'center'},
                {field: 'no', title: 'NO测量值', width: 100, align: 'center'},
                {field: 'hc', title: 'HC测量值', width: 100, align: 'center'},
                {field: 'co', title: 'CO测量值', width: 100, align: 'center'},
                {field: 'co2', title: 'CO2测量值', width: 100, align: 'center'},
                {field: 'o2', title: 'O2测量值', width: 100, align: 'center'},
                {field: 'fdjzs', title: '发动机转速', width: 100, align: 'center'},
            ]]
        });
    }else if (titlename=="双怠速工况法"){
        $('#sssj').datagrid({
            pagination: false,
            fit: false,
            fitColumns: true,
            rownumbers: true,
            border: true,
            singleSelect: true,
            nowrap: false,
            columns: [[
                {field: 'cljcxcvrlsh', title: '车辆检xcvxcv测流水号', width: 100, align: 'center'},
                {field: 'jccxcvs', title: '号牌号uyi码', width: 100, align: 'center'},
                {field: 'nl', title: '车辆检uyi测流水号', width: 100, align: 'center'},
                {field: 'hphm', title: 'jhhjk', width: 100, align: 'center'},
            ]]
        });
    }else if (titlename=="加载减速工况法"){
        $('#sssj').datagrid({
            pagination: false,
            fit: false,
            fitColumns: true,
            rownumbers: true,
            border: true,
            singleSelect: true,
            nowrap: false,
            columns: [[
                {field: 'cljcrblsh', title: '车辆检测流水号', width: 100, align: 'center'},
                {field: 'jccsb', title: '号牌号uyi码', width: 100, align: 'center'},
                {field: 'nl', title: '车辆检uyi测流水号', width: 100, align: 'center'},
                {field: 'hphm', title: 'jhhjk', width: 100, align: 'center'},
            ]]
        });
    }else if (titlename=="不透光烟度"){
        $('#sssj').datagrid({
            pagination: false,
            fit: false,
            fitColumns: true,
            rownumbers: true,
            border: true,
            singleSelect: true,
            nowrap: false,
            columns: [[
                {field: 'clkjcrlsh', title: '车辆检测流水号', width: 100, align: 'center'},
                {field: 'jckcs', title: '号牌号uyi码', width: 100, align: 'center'},
                {field: 'nl', title: '车辆检uyi测流水号', width: 100, align: 'center'},
                {field: 'hphm', title: 'jhhjk', width: 100, align: 'center'},
            ]]
        });
    }







        <table class="easyui-datagrid" id="sssj"></table>