zoukankan      html  css  js  c++  java
  • jquery easy ui 学习 (5) windowlayout

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Window Layout - jQuery EasyUI Demo</title>
        <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
        <link rel="stylesheet" type="text/css" href="../demo.css">
        <script type="text/javascript" src="../../jquery.min.js"></script>
        <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    </head>
    <body>
        <h2>Window Layout</h2>
        <p>Using layout on window.</p>
        <div style="margin:20px 0;">
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('open')">Open</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#w').window('close')">Close</a>
        </div>
        <div id="w" class="easyui-window" title="Window Layout" data-options="iconCls:'icon-save'" style="500px;height:200px;padding:5px;">
            <div class="easyui-layout" data-options="fit:true">
                <div data-options="region:'west',split:true" style="100px">的撒的的撒</div>
                
                 <div data-options="region:'center'" style="padding:10px;">
                    jQuery EasyUI framework help you build your web page easily.
                 </div>
    
                <div data-options="region:'east'" style="100px">dsadasdsa</div>
    
                <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
                    <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="javascript:alert('ok')" style="80px">Ok</a>
                    <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:alert('cancel')" style="80px">Cancel</a>
                </div>
    
    
            </div>
        </div>
    
    </body>
    </html>

  • 相关阅读:
    js中setTimeout、setInterval、 clearInterval方法简介
    分享一个VS2008漂亮的黑色主题
    最简单的设计模式
    记一次查数据的需求
    Oracle常用存储过程写法
    关于域名解析
    使用PHP打造QQ空间神奇图片
    自制小工具含源码——SPTC上海交通卡余额查询
    自制小工具含源码——博客园图床ImageBed
    不可不知的mysql 常用技巧总结
  • 原文地址:https://www.cnblogs.com/timelesszhuang/p/3685969.html
Copyright © 2011-2022 走看看