easyUI之window窗口 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Window（窗口）</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
    <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
  </head>
  <body>
    
    <input type="button" value="打开窗口1" id="open1"/>
    <input type="button" value="关闭窗口1" id="close1"/>
    
    <div style="margin:600px"></div>
        
    <div id="window1"></div>
        
    <script type="text/javascript">
        //定位打开窗口1按钮，同时添加单击事件
        $("#open1").click(function(){
            //打开窗口1
            $("#window1").window({
                title : "窗口1",
                width : 840,
                height : 150,
                left : 200,
                top : 100,
                minimizable : false,
                maximizable : false,
                collapsible : false,
                closable : false,
                draggable : false,
                resizable : true,
                href : "/js-day06/empList.jsp"
            });
        });
    </script>
    
    <script type="text/javascript">
        //定位关闭窗口1按钮，同时添加单击事件
        $("#close1").click(function(){
            //关闭窗口1
            $("#window1").window("close");
        });
    </script>
    
  </body>
</html>

 

posted on 2018-12-04 10:26  LoaderMan  阅读(249)  评论(0)  编辑  收藏  举报

导航