easyui前端导出如何写

EasyUI提供了一个名为"datagrid-export"的插件，可以用来实现前端导出数据的功能。以下是一个简单的示例：

1. 引入插件文件

<script type="text/javascript" src="easyui/datagrid-export.js"></script>

2. 创建datagrid表格

<table id="datagrid"></table>

3. 初始化datagrid并设置列和数据

$('#datagrid').datagrid({
    columns: [[
        {field:'id',title:'ID',width:100},
        {field:'name',title:'Name',width:100},
        {field:'age',title:'Age',width:100},
        {field:'gender',title:'Gender',width:100}
    ]],
    data: [{
        id: 1,
        name: 'John',
        age: 30,
        gender: 'Male'
    }, {
        id: 2,
        name: 'Jane',
        age: 25,
        gender: 'Female'
    }]
});

4. 添加导出按钮

<a href="#" class="easyui-linkbutton" onclick="exportData()">Export</a>

5. 实现导出函数

function exportData() {
    $('#datagrid').datagrid('toExcel', {
        filename: 'data.xls'
    });
}

这样就可以在前端实现导出数据的功能了。注意，导出功能需要在后端实现，前端只是将数据转换成Excel文件格式。