码迷,mamicode.com
首页 > 其他好文 > 详细

创建遮盖层

时间:2015-12-22 01:08:59      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:

closed:true  加载时不显示
                <div id="winDiv" class="easyui-window" data-options="iconCls:‘icon-save‘,closed:‘true‘, madol: ‘true‘" style="width:920px;height:550px;padding:5px;">
                    <div id="lengTab" class="easyui-tabs" style="padding-top: 8px;height:400px; width: 900px">
                        <div id="tableData" href="" title="表格展示"  style="height:400px; width: 900px">
                        </div>
                        <div id="graphData" href="" title="图形展示" style="height:400px; width: 900px">
                        </div>
                    </div>
                </div>
            </div>

    $(document).ready(function(){
        $.ajax({
            url: "optimizedoperationController.do?machine",
            dataType: json,
            success: function(datas) {
                var size = datas.length;
                for(var i = 0; i < size; i++) {
                    $("#lengDiv").append("<a data-id=‘"+(i+1)+"‘ style=‘text-decoration:none‘>"+datas[i]+"</a><br>");
                } 
                $("#lengDiv a").bind("click",function(){
                    var itemId = $(this).attr("data-id"); 
                    $("#winDiv").window("open");  打开遮盖层
                    $(#winDiv).window({
                        title: 查看冷机+itemId+的出厂数据,
                        closable: true,
                        closed: false,
                        modal: true
                    });

                    var urlItem;e
                    var urlItemChart;
                    urlItem = "optimizedoperationController.do?machineData&name=0"+itemId+"&showType=table";
                    urlItemChart = "optimizedoperationController.do?machineChart&name=0"+itemId+"&showType=t";
                    $.get(urlItem,function(data){     加载的子页面代码段
                        $("#tableData").html(data);   
                    });
                    $.get(urlItemChart,function(data){
                        $("#graphData").html(data);
                    });
                });
            }
        });

 

创建遮盖层

标签:

原文地址:http://www.cnblogs.com/MY-LONG/p/5065240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!