datagird 加载完毕后向后台发送ajax获取所有数据汇总行 在最底部

页面结果图

在这里插入图片描述

  • 所有数据汇总行
  • 数据以对象的形式传给后台
//用户表格接收
            $("#project_dg").datagrid({
                url: '/ESEasyUi/projectController/queryProjectByPage',
                remoteSort: false,
                sortName: "projectPrice",
                sortOrder: "desc",
                method: "get",
                fitColumns: true,
                striped: true,
                pagination: true,
                rownumbers: false,
                singleSelect: true,
                ctrlSelect: true,
                pageSize: 10,
                pageList: [3, 5, 10, 20],
                queryParams: {
                    projectName: $("#projectNameBox").val(),
                    affiliatedUnit: $("#affiliatedUnitBox").val(),
                    projectId: $("#projectIdBox").val(),
                    buildNature: $("#buildNatureBox").val(),
                    projectTime: $("#projectTimeBox").val()
                },
                onLoadSuccess: function (data) {
                    var project = {
                        "affiliatedUnit": $("#affiliatedUnitBox").val(),
                        "projectId": $("#projectIdBox").val(),
                        "projectName": $("#projectNameBox").val(),
                        "buildNature": $("#buildNatureBox").val(),
                        "projectTime": $("#projectTimeBox").val()
                    };
                    $.ajax({
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json",
                        data: JSON.stringify(project),
                        url: "/ESEasyUi/projectController/queryTotalSum",
                        success: function (list) {
                            console.log(list);
                            $("#project_dg").datagrid('insertRow', {
                                index: 0,
                                row: {
                                    projectName: '汇总',
                                    affiliatedUnit: "",
                                    projectId: "",
                                    buildNature: "",
                                    projectPrice: list
                                }
                            });
                        },
                    });
                    data.total = data.total - 1;
                },
                rowStyler: function (index, row) {
                    if (row.projectName == "汇总") {
                        return "background-color:Yellow;";//背景颜色
                    }
                },
                columns: [[

                    {field: 'projectName', title: '项目名称', width: "20%", align: "center"},

                    {field: 'affiliatedUnit', title: '所属单位', width: "20%", align: "center"},

                    {field: 'projectId', title: '项目编码', width: "20%", align: "center"},

                    {field: 'buildNature', title: '建设性质', width: "20%", align: "center"},

                    {
                        field: 'projectPrice', title: '总计划值', width: "20%", align: "center",
                        sortable: true,
                        formatter: function (v) {
                            return parseFloat(v).toFixed(2)
                        }
                    }

                ]]
            });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值