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>

  • 相关阅读:
    MongoDB初探-基本语句和数据结构
    Restful API学习Day5
    Restful API学习Day4
    毕业设计记录1
    解决python爬虫requests.exceptions.SSLError: HTTPSConnectionPool(host='XXX', port=443)问题
    java调用python代码
    mysql使用唯一索引避免插入重复数据
    阅读笔记16
    阅读笔记15
    阅读笔记14
  • 原文地址:https://www.cnblogs.com/timelesszhuang/p/3685969.html
Copyright © 2011-2022 走看看