导入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();

            });

        }

效果如图所示：