zoukankan      html  css  js  c++  java
  • easyU之tabs选项卡

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>Tabs(选项卡)</title>
        <meta http-equiv="keywords" content="学习,IT学习,好好学习">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      
          <!-- 引入css文件,不限顺序 -->
        <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
        <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
      
          <!-- 引入js文件,有顺序限制 -->
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
    
        <!-- 所有的css文件和的有的js文件位置不限 -->
        
      </head>
      
      
      <body>
        
        <!-- 容器 -->
        <div 
            id="tabsID" 
            class="easyui-tabs" 
            style="500px;height:250px;"
            data-options="plain:false,fit:false,border:true,tools:[
                {
                    iconCls:'icon-add',
                    handler:function(){
                        alert('添加')
                    }
                },
                {
                    iconCls:'icon-save',
                    handler:function(){
                        alert('保存')
                    }
                }
            ],selected:-1">   
            
            <!-- 选项卡 -->
            <div title="标题1" style="padding:20px">   
                tab1<br/>
            </div>   
            <div title="标题2" data-options="closable:true" style="overflow:auto;padding:20px;">   
                tab2    
            </div>   
            <div title="标题3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;">   
                tab3    
            </div>   
        </div>  
        
      </body>
    </html>
  • 相关阅读:
    dayⅦ:元组、字典的其他操作+集合类型
    dayⅥ:作业
    dayⅥ:字符串操作+列表操作
    dayⅣ:赋值运算+if判断
    dayⅣ:赋值运算+if判断作业
    dayⅢ、基本数据类型+运算符
    爬虫解析bs4
    爬虫请求库之requests库
    爬虫原理
    各主流Linux系统解决方案pip安装mysqlclient报错
  • 原文地址:https://www.cnblogs.com/loaderman/p/10062377.html
Copyright © 2011-2022 走看看