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>
巴特西

easyUI之window窗口

最新文章

热门文章
