easyui前端怎么通过接口导出或者下载文件

img

img


$.pageLoad(function () {
    DeptList.init();
});

var DeptList = {
    init: function () {
        var self = this;
        self.initControls();
    },
    initControls: function () {
        var self = this;
        $('#wrapper')._layout({
            border: false,
            fit: true
        });

        $('#northBox')._panel({
            border: true,
            fit: true
        });

        $('#ui-form')._form();


        $('#name')._textbox({
            //required: true,
            //validType: 'email'
        });
        var postDate;
        $('#startTime')._datetimebox({
            onChange: function (newVal, oldVal) {
                if ($.isNullOrEmpty(newVal)) {
                    return;
                }
                //var v  =$('#startTime').datetimebox('getValue');
                var d = moment(newVal, "YYYY-MM-DD hh:mm:ss").toDate();
                //postDate = (startTime.createTime);
                $('#endTime').datetimebox('calendar').calendar({
                    validator: function (date) {
                        postDate = d;
                        return d < date;
                    }
                });
            },
        });
        $('#endTime')._datetimebox({
            onChange: function (newVal, oldVal) {
                if ($.isNullOrEmpty(newVal)) {
                    return;
                }
                //var v  =$('#endTime').datetimebox('getValue');
                var d = moment(newVal, "YYYY-MM-DD hh:mm:ss").toDate();
                $('#startTime').datetimebox('calendar').calendar({
                    validator: function (date) {
                        //postDate += d;
                        return d > date;
                    }
                });
            }
        });
        //postDate  = [startTime.createTime+endTime.createTime];
        $('#enabled')._combobox({
            editable: false,
            panelHeight: 66,
            data: [
                { text: '是', value: 'true' },
                { text: '否', value: 'false' }
            ],
            width:427
        });


        $('#btnReset')._linkbutton({
            onClick: function () {
                self.reset();
            }
        });

        $('#btnQuery')._linkbutton({
            onClick: function () {
                self.load();
            }
        });

        $('#create')._linkbutton({
            onClick: function () {
                self.create();
            }
        });

        $('#update')._linkbutton({
            onClick: function () {
                self.update();
            }
        });

        $('#del')._linkbutton({
            onClick: function () {
                self.del();
            }
        });

        $('#export')._linkbutton({
           onClick:function () {
                self.export();
           }
        });

        $('#dg')._treegrid({
            fit: true,
            rownumbers: true,
            pagination: true,
            fitColumns: true,
            striped: true,
            singleSelect: true,
            toolbar: '#toolbar',
            pageSize: 20,
            idField:'id',
            treeField:'name',
            pageList: [100, 150, 200, 250, 300],
            pageSize: 200,
            lines:true,
            loader: function (param, success, error) {
                var getInput = self.getQueryData(param);
                $.ajax({
                    showLoading: false,
                    url: '../api/dept',
                    type: 'GET',
                    data: getInput,
                    contentType: 'application/json',
                    headers: {
                        Authorization: $.cookie('EL-ADMIN-TOEKN')
                    },
                    success: function (data) {
                        success({ total: data.totalElements, rows:data.content  });
                    },
                    error: error
                });
            },
            columns: [[
                { field: 'name', title: '部门名称', width: 20 },
                { field: 'deptSort', title: '部门排序', width: 10 },
                { field:'enabled',title: '是否启用',width: 20,align: 'center',
                    formatter: function (val, row, index) {
                        if (val == null) {
                            return '';
                        }
                        return val ? '<div class="ui-normal">是</div>' : '否';
                    }
                },
                { field: 'createTime', title: '创建时间', width: 15 }
            ]],

        });

        $.initControls();
        $.hidePageLoading();
    },

    getQueryData: function (param) {
        var data = { size: param.rows, page: (param.page - 1) , sort: 'name,asc'};
        $.extend(data, $('#mainForm').form('get'));
        return data;
    },
    reload: function () {
        $('#dg').treegrid('reload');
    },
    load: function () {
        $('#dg').treegrid('load');
    },
    create: function () {
        $.openPage('新建部门管理', 'deptCreate.html', self.reload, null, 1200, 360);
    },
    update: function () {
        var row = $('#dg').treegrid('getSelected');
        if (row == null) {
            $.alert('警告', '未选中一行', 'warning');
            return;
        }
        $.openPage('编辑部门管理', 'deptCreate.html?id=' +row.Id, self.reload, null, 1200, 360);
    },
    del: function () {
        var self = this;
        var row = $('#dg').treegrid('getSelected');
        if (row == null) {
            $.alert('警告', '未选中一行', 'warning');
            return;
        }
        $.confirm('确认', '您确认要删除选中的记录吗?', function (r) {
            if (r) {
                $.ajax({
                    showLoading: false,
                    url: '../api/dept',
                    data: JSON.stringify([row.id]) ,
                    type: 'DELETE',
                    contentType:'application/json',
                    headers: {
                        Authorization: $.cookie('EL-ADMIN-TOEKN')
                    },
                    success: function (d) {
                        if (d.Success && d.Result) {
                            $.show('操作成功');
                            self.reload();
                        }
                    }
                });
            }
        });
    },

    reset: function () {
        $('#mainForm').form('reset');
    }
};

可以参考这个 https://blog.csdn.net/weixin_44058725/article/details/103667552 https://blog.csdn.net/weixin_44058725/article/details/103667552

这个是数据啊要下载数据,