常用的页面标签及功能

前言

记录zbj开发过程中用到过的一些功能。

一、页面标签

1、上传按钮

//上传按钮
<label for="file" class="btn btn-info" >
    <span class="glyphicon glyphicon-folder-open" aria-hidden="true">  选择流程图(zip格式)
</label>
<input id="file"type="file"style="display:none">

2、显示两位小数

//前台页面设置方式：
var value = Math.round(parseFloat(data)*100)/100

3、Ajax提交表单并下载文件

// 下载文件：参数说明：dataForm第一次提交的表单；makeFileAction第一次访问后台的url，返回的obj为文件路径；
function downloadFiles(dataForm,makeFileAction,downLoadAction){
    $('#progressBar').modal("show");
    $.ajax({
        type : "POST",
        url : makeFileAction,
        data:$('#'+dataForm).serialize(),
        dataType:'text',
        success : function(obj) {
            if(obj.substring(obj.length-4,obj.length)!="xlsx"&&obj.substring(obj.length-3,obj.length)!="xls") {
                alert(obj);
                $('#progressBar').modal("hide");
            }else {
                var form = $("<form>");//定义一个form表单
                form.attr("style", "display:none");
                form.attr("target", "");
                form.attr("method", "post");
                form.attr("action", downLoadAction);
                var input1 = $("<input>");
                input1.attr("type", "hidden");
                input1.attr("name", "filePath");
                input1.attr("value", obj);
                $("body").append(form);//将表单放置在web中
                form.append(input1);
                form.submit();//表单提交
                $('#progressBar').modal("hide");
            }
        },
        error : function(XMLHttpRequest, textStatus, errorThrown) {
            alert("下载失败!");
            $('#progressBar').modal("hide");
        }
    });
};