Excel表格数据的下载和上传

作者：张铭标

撰写时间：2019年 5月 12日

一.
首先要打开导入的模态框:

由图可见,首先要重置一下表单,使用$().resetForm();的方法来完成.接下来要禁用保存到数据库的按钮,为了避免用户在导入临时表之前不小心按到它造成糟糕的体验,所以这里就需要把它给禁用掉以免用户操作失误,主要方法是用到"dissabled"属性,将它改为true即可.然后就是需要清空一下临时表,主要是用到reload方法将它清空,设置路径和数据都为空就是一个刷新的效果. 接着在点击背景时一般情况下会使得模态框退出,这样的话用户在不小心点到周边背景或者不小心按到键盘上的esc的时候就会导致关闭模态框,这样一来之前导入的临时表就需要再一次重新打开模态框进行导入.为了避免这种糟糕的体验,这里就把这种点击背景会关闭模态框的功能给禁用.主要用到的方法是backdrop和keyboard,顾名思义一个背景一个键盘,只要分别给一个false就可以禁用了.最后就是获取弹出的模态框id使用show就可以弹出模态框.

二.
下载模板和上传Excel表格将它保存到临时表:

首先下载模板,下载模板只需要一句open代码就可以实现啦,主要就是打开一个新的窗口,然后在窗口中装载指定的URL地址的网页

example
code:

function
myDowload(){

window.open("");//""里面就是你要打开的网页的URL

}

接下来是上传表格,首先是判断一下文本数据是否等于空或者是undefined,是的话直接返回就可以了,然后就是提交表单,先判断msg里面的状态state是否为ture,如果为ture首先要把之前禁用导入数据的按钮给打开,关键代码就是把disabled设置为false就可以啦.再然后把表格的数据进行重载用reload对路径进行重新加载.最后再alert输出一下文本即可.

否则清空table进行重置.