zoukankan      html  css  js  c++  java
  • 每天学一点easyui①

    引入js和css文件

        <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.min.js"></script>

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.easyui.min.js" charset="UTF-8"></script>

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/default/easyui.css" />

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/icon.css" />

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

    在页面输入一个div

    <body>

            <div id="p" style="width:500px;height:200px;padding:10px;" </div>

        </body>

    添加一段js

    <script type="text/javascript">

                $(function() {

                    $('#p').dialog({

                        modal: true//

                    });

                });

            </script>

    注意:modal: false//设置背景是否可以编辑 true不可以选择 false 可以选择

    Panel

    面板带图标的

    <!DOCTYPE html>

    <html>

        <head>

            <meta charset="utf-8" />

            <title></title>

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.min.js"></script>

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.easyui.min.js" charset="UTF-8"></script>

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/default/easyui.css" />

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/icon.css" />

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

            <script type="text/javascript">

            </script>

        </head>

        <body>

            

            11111111111

            <!--<div id="p" title="1234512345" style="500px;height:200px;padding:10px;" </div>-->

                

            <div id="p" class="easyui-panel" title="My Panel"

    style="width:500px;height:150px;padding:10px;background:#fafafa;"

    data-options="closed:true">

             <p>panel content.</p>

             <p>panel content.</p>

            </div>

            <!--单击open按钮显示这个panel-->

            <input type="button" value="open" onclick="$('#p').panel('open')" />

            <!--单击close按钮关闭panel 在内存中仍然存在-->

            <input type="button" value="close" onclick="$('#p').panel('close')" />

            <!--销毁这个panel-->

            <input type="button" value="destroy" onclick="$('#p').panel('destroy')" />

            

        </body>

    </html>

  • 相关阅读:
    学习 Message(18): WM_SYSCOMMAND 消息[二] : LParam 参数
    学习 Message(20): WM_SYSCOMMAND 消息[四] : 使最大最小化按钮失效
    学习 Message(16): 测试 $0118 号消息
    学习 Message(15): 让窗体同时响应键盘事件的方法
    学习 Message(17): WM_SYSCOMMAND 消息[一]
    请教大家, 关于 $0118 号消息
    学习 Message(21): WM_SYSCOMMAND 消息[五] : 点击关闭按钮让窗体最小化
    学习 Message(22): WM_SYSCOMMAND 消息[六] : 系统菜单综合操作示例
    根据颜色值获取颜色常量名: ColorToIdent
    “博客无双”第二期拍卖活动将于2011年1月26日14:00开始
  • 原文地址:https://www.cnblogs.com/chengzhipcx/p/4963228.html
Copyright © 2011-2022 走看看