//导出 $("#btnExport").click(function () { if ($('#GroupType').val() != null && $('#GroupType2').val() != null) { toastr.warning("@Translate("不能同时选择两种组合方式")"); return; } DT.FormPost("@Url.Action("DataTableExcel")", [{ exportParameters: JSON.stringify({ ExtendParameters: GetQueryParamValue(), Columns:null, FileName: "@ViewBag.Title" + ".xlsx" }) }]); });这是一段导出方法,提交时需要加遮罩层,完成后取消遮罩层改怎么样改
时间: 2024-02-10 14:09:25 浏览: 112
gridview数据导出
你可以在导出方法中添加遮罩层和取消遮罩层的代码,如下所示:
```
$("#btnExport").click(function () {
if ($('#GroupType').val() != null && $('#GroupType2').val() != null) {
toastr.warning("@Translate("不能同时选择两种组合方式")");
return;
}
// 添加遮罩层
$('body').css('position', 'relative').append('<div class="loading"></div>');
DT.FormPost("@Url.Action("DataTableExcel")", [{
exportParameters: JSON.stringify({
ExtendParameters: GetQueryParamValue(),
Columns: null,
FileName: "@ViewBag.Title" + ".xlsx"
})
}], function () {
// 取消遮罩层
$('.loading').remove();
});
});
```
在导出方法中添加遮罩层的代码是在提交导出请求前,添加一个 `div` 元素作为遮罩层,在 `div` 元素中添加加载动画,表明正在导出。当导出完成后,取消遮罩层的代码是在回调函数中,移除遮罩层的 `div` 元素。
阅读全文