几页页面插件/组件

0.οnkeyup="numberCheck(this)" οnblur="calculateSum()"
  var predictPrice = Number($("#predictPrice").val());
  $("#totalPrice").val(totalPrice.toFixed(2));
1.调用系统的打印:
    <script type="text/javascript">
        window.print();
        setTimeout(function () {
            window.close();
        }, 500);
    </script>
1.1.jq中的打印:
    <script>
        function printForm1() {
            $("#div1").jqprint();
        }
    </script>
2.Dialog:
    <script th:inline="javascript">
        function editRecId() {
            var diag = new Dialog();
            diag.Drag = true;
            diag.Title = "收信人";
            diag.URL = [[@{/cms/system/message/recTree}]];
            diag.Width = 280;
            diag.Height = 370;
            diag.CancelEvent = function() { //关闭事件
                diag.close();
            };
            diag.show();
        }
    </script>
3.Date:
    $("#startTime").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
        autoclose:true,
        todayHighlight:true,
        endDate:new Date()
    }).on("changeDate",function(){
        $("#endTime").datetimepicker("setStartDate",$("#startTime").val());
    });
4.模态框:
    $("#myModal .modal-content").css("height", (parseFloat(window.innerHeight) / 100 * 80) + "px");

    $(".look").click(function () {
        $("#myModal .modal-body").empty();
        $("#myModal .modal-body").html("<iframe frameborder='0' height='100%' width='100%' src='" + $(this).attr("href") + "'></iframe>");
        $("#myModal").modal();
        return false; 
    });
5.文件上传:
    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        $(document).ready(function() {
            var preList = new Array();
            var preConfigList = new Array();
            var pics = new Array();
            var previewPic = /*[[@{${image.path}}]]*/;
            $("#picture").val([[${image.path}]]);
            if (previewPic) {
                preList.push('<img src="' + previewPic + '" class="file-preview-image" width="100%">');
                var tjson = {
                    caption: previewPic, // 展示的文件名
                    size: 0,
                    key: '[[${image.id}]]', // 删除是Ajax向后台传递的参数
                    url:[[@{/tool/deleteFile}]], // 删除url
                extra: {id: [[${image.id}]]}// 删除是Ajax向后台传递的参数
            };
                preConfigList.push(tjson);
            }

            $("#carouseFile").fileinput({
                language: 'zh', //设置语言
                uploadUrl: /*[[@{/cms/tool/InputFileUp}]]*/, //处理保存图片的了地址
                allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀
                previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                showCaption: true,//是否显示标题
                showUpload: true, //是否显示上传按钮
                dropZoneEnabled: true,//是否显示拖拽区域
                showUploadedThumbs : false,
                maxFileCount: 1,
                mainClass: "input-group-lg",
                initialPreview: preList,
                enctype: 'multipart/form-data',
                initialPreviewConfig: preConfigList,
                overwriteInitial: true,
                initialCaption: "The Moon and the Earth"
            });
            //导入文件上传完成之后的事件
            $("#carouseFile").on("fileuploaded", function (event, data, previewId, index) {
                if (data == undefined) {
                    toastr.error('文件格式类型不正确');
                    return;
                } else {
                    if (data.response.success) {
                        window.location.href=/*[[@{${'/cms/tool/input'}}]]*/;
                    }

                }
            });
            //删除成功以后
            $("#carouseFile").on("filesuccessremove", function (event, data, previewId, index) {
                $("#pictures").val("");
            });

            $("#subForm").click(function(){

                if($("#picture").val() == ""){
                    alert("请选择上传图片!");
                    return;
                }
                var form = $("#formContent").serialize();
                console.log(JSON.stringify(form));
                $.ajax({
                    url:/*[[@{/cms/tool/InputFileUp}]]*/,
                    type:"post",
                    data:form,
                    dataType:"json",
                    success:function(data){
                        if(data.result == "1"){
                            alert(data.message);
                            window.location.href=/*[[@{${'/cms/tool/input'}(id=${parentId})}]]*/;
                        }else{
                            alert(data.message);
                        }
                    },
                    error:function(data){
                        alert("服务器响应失败!");
                    }
                });

            });
        });
        /*]]>*/
    </script>
6.layer:
    <script>
        // 删除   调用:th:οnclick="|del('@{/cms/equipment/delete(propertyId=${obj.id})}')|"
        function del(url) {
            layer.confirm('您确定删除吗?', function (index) {
                layer.close(index);
                $.get(url, function (data) {
                    window.location.reload();
                });
            });
        }
    </script>
7.弹框:
    <script>
        function showAttachment() {
            var iWidth = 800;
            var iHeight = 600;
            var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
            //获得窗口的水平位置
            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
            window.open("[[@{/cms/equipment/propertyRecords(propertyId=${one.id})}]]", '', 'channelmode=1,location=0,menubar=0,resizable=0,' +
                'titlebar=0,status=0,width=' + iWidth + ',height=' + iHeight + ',top=' + iTop + ',left=' + iLeft);
        }
    </script>
8.

发布了78 篇原创文章 · 获赞 1 · 访问量 4633
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览