导入Excel表格
导入Excel表格
关于导入Excel表格就是将Excel中的有关数据导入到数据库中，然后可以在页面中显示出来，这是导入Excel表格的全部过程。我再来介绍一下导入Excel的详细操作，首先点击页面上的导入按钮，它会弹出一个模态框，上面有选择xls文件、下载导入模板和导入数据库这三个功能，当我们选择完文件后，它将会在模态框中给我们显示出来，在我们确定导入的数据后，就可以点击导入数据库就可以了，或者点击下载导入模板直接下载下来，这就是导入Excel的全过程，
下面看详细的操作代码和解析：
弹出导入数据的模态框
function openImportExcel()
{ 重置表单
$("#formImportExcel").resetForm();
禁用保存到数据库的按钮
$("#btnSaveImport").prop("disabled", true);
清空临时表
tabStudentImport.reload({
url: "",
data: []
});
点击背景时不关闭动态模态框，按下esc时不关闭动态模态框
$("#modImportExaminee").modal({
backdrop: false,
keyboard: false
});
弹出模态框
$("#modImportExaminee").modal("show");
}
下载模板
function downImportTemplate()
{
window.open("DownImportTemplate");
}
上传Excel文件，保存到临时表
function upExcel()
{
避免取消选择文件后触发上传
if ($("#fileUploadExecl").val() == "" || $("#fileUploadExecl").val() == undefined) {
return;
}
打开加载层
var layerIndex = layer.load();
提交表单
$("#formImportExcel").ajaxSubmit(function (msg) {
layer.close(layerIndex);
if (msg.State) {
启用保存到数据库的按钮
$("#btnSaveImport").prop("disabled", false);
表格刷新
tabStudentImport.reload({
url: "SelectSessImportStudent"
});
layer.alert(msg.Text, { icon: 1, title: "提示" });
}
else {
清空table
tabStudentImport.reload({
url: '',
data: []
});
layer.alert(msg.Text, { icon: 0, title: "提示" });
}
});
}
导入到数据库
function saveImport()
{
var layerIndex = layer.load();
保存到数据库
$.post("SaveImport", function (Msg) {
关闭加载层
layer.close(layerIndex);
关闭模态框
$("#modImportExaminee").modal("hide");
输出
layer.alert(Msg, { icon: 0, title: "提示" });
searchTabStudent();
});
}
效果如图所示：