`

layout

 
阅读更多


 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>1.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!-- easyui的样式 -->
    <link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
    <!-- 小图标的样式 -->
    <link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/icon.css">
   
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
 
 <script type="text/javascript">
  $(function(){
   
  });
  
  function getCenterPanel(){
   var centerPanel = $('#blayout').layout('panel','center');
   console.info(centerPanel);
   //panel组件有个options方法,该方法返回panel组件的所有配置信息
   alert(centerPanel.panel('options').title);
  }
 </script>
 
  </head>
 
  <body id="blayout" class="easyui-layout"> 
    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;">
     <input type="button" value="获取center面板" onclick="getCenterPanel();"/>
    </div> 
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> 
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> 
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> 
    <!-- href只加载1.html里面的body部分代码,其余的都不管 --> 
    <div data-options="region:'center',title:'center title',border:false,href:'1.html'" style="padding:5px;background:#eee;"></div> 
  </body> 

</html>

 

  • 大小: 8.5 KB
分享到:
评论

相关推荐

    swing-layout-1.0.3

    swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3swing-layout-1.0.3...

    layout.js布局插件

    《layout.js布局插件:网页快速布局的利器》 在网页设计与开发中,布局是至关重要的一步,它直接影响到用户的浏览体验和信息传递的效率。layout.js布局插件应运而生,专为实现网页的高效、灵活布局提供了解决方案。...

    Layoutit bootStrap3

    Layoutit BootStrap3是基于此框架的一个在线布局工具,它提供了一个直观的拖拽界面,帮助开发者无需编写代码就能设计出复杂的Bootstrap页面布局。 Bootstrap3的核心组件包括网格系统、表单、按钮、导航、下拉菜单、...

    USB3.0 Layout 指南

    为了充分利用USB3.0的高速传输性能,硬件设计至关重要,因此本文将详细介绍USB3.0 Layout设计的关键要点。 首先,USB3.0 Layout设计中需要考虑到电源系统的设计。USB3.0设备的电源设计要求具有良好的去耦设计,以...

    HFSS 3D Layout用户手册

    HFSS 3D Layout是一款由ANSYS公司推出的三维电磁场仿真软件,特别针对印刷电路板(PCB)和封装仿真设计。该软件继承了HFSS的有限元仿真算法内核,提供了一个以EDA风格设计的界面和仿真流程,以便于PCB和封装领域的...

    音频Layout设计规范.pdf

    根据提供的文件信息,我们来详细探讨音频Layout设计规范,这个规范主要涉及音频原理图、元器件布局以及PCB走线三个方面。这些内容是音频设计中的核心,每一个环节都对最终的音频质量有着直接的影响。 首先,音频...

    Sprint-Layout60 绝对好用

    《Sprint-Layout60:高效布局解决方案》 在软件开发过程中,界面设计与布局管理是至关重要的环节,它直接影响到用户体验和程序的可维护性。Sprint-Layout60,作为一个优秀的布局管理工具,凭借其高效、易用的特点,...

    抄板软件Sprint-Layout 6.0 完整版.zip

    [Windows] 搞电子的福音,抄板软件Sprint-Layout 软件简介】  Sprint-Layout 是一种PCB画板/抄板DIY软件,比AD和protel简单易用。  软件由 tplin 根据 Sprint-Layout 6.0 德文20140310注册版汉化修改,绿色版...

    Android 五种Layout 布局

    在Android开发中,布局(Layout)是构建用户界面的基础元素,它定义了屏幕上各个组件的排列方式和相互关系。本文将深入探讨Android的五种主要布局:LinearLayout、RelativeLayout、FrameLayout、GridLayout以及...

    使用vue实现grid-layout功能实例代码

    使用 Vue 实现 Grid Layout 功能实例代码 本文主要介绍了使用 Vue 实现 Grid Layout 功能的代码讲解,涵盖了基本布局、节点排版、拖拽事件等多个方面的知识点。 基本布局 在实现 Grid Layout 功能之前,首先需要 ...

    pads-layout与router同步操作

    PADS Layout是其设计环节中用于进行电路板布局的部分,而Router则是用于布线的组件。在PCB设计中,布局和布线是前后相续的两个重要步骤,两者之间的同步操作对于提高设计效率和减少错误有着重要意义。 在PADS V9.3...

    jquery layout 经典布局(东南西北中)

    **jQuery Layout:经典布局策略详解** 在Web开发中,页面布局设计是至关重要的,它决定了用户的交互体验和视觉效果。jQuery Layout 是一个强大的基于jQuery的布局框架,它为开发者提供了灵活且可定制化的布局解决...

    Layout 6.0 绿色汉化完整版

    Layout 6.0是一款专为电子爱好者和工程师设计的专业PCB(印刷电路板)设计软件。这个绿色汉化完整版确保了用户可以在中国语言环境下轻松使用,无需安装,且已经过汉化处理,使得国内用户在理解和操作上更加便捷。 ...

    PADS-LAYOUT高级应用(ECO对比)

    "PADS-LAYOUT高级应用(ECO对比)" PADS LAYOUT 高级应用系列教程旨在为电子工程师和PCB设计工程师提供一个详细的学习资源,涵盖了PADS LAYOUT的高级应用知识点。以下是本篇教程的知识点摘要: 1. PADS LAYOUT 高级...

    关于layoutcontrol里面添加控件排版的属性.docx

    ### 关于DevExpress LayoutControl 控件排版属性详解 DevExpress 是一款功能强大且广泛应用于Windows Forms、WPF 和 ASP.NET 平台的控件库。它提供了丰富的控件和工具,帮助开发者快速创建高质量的应用程序。其中,...

    DDR3-硬件设计和-Layout-设计官方设计参考资料.pdf

    "DDR3 硬件设计和 Layout 设计官方设计参考资料" DDR3 硬件设计和 Layout 设计是指在设计 DDR3 SDRAM 存储器接口时,需要考虑的硬件设计和布局设计因素。该文档提供了详细的设计向导和 Layout 建议,旨在帮助系统/...

    HFSS 3D Layout用户手册v1.1.pdf

    HFSS 3D Layout是一款由ANSYS公司推出的三维电磁场仿真工具,专门用于印刷电路板(PCB)和封装的电磁仿真。它基于业界领先的HFSS软件的有限元算法内核,同时提供了符合电子设计自动化(EDA)风格的操作界面和仿真设置...

    jQuery界面布局插件【UI.Layout】1.2.0 和 1.3.0

    **jQuery UI Layout 插件详解** jQuery UI Layout 是一个强大的前端布局工具,它允许开发者创建复杂的、响应式的页面布局。这个插件通过简单的配置就能实现多面板、分隔的界面,使得网页内容能够灵活地组织和调整。...

    使用Vue-Grid-Layout实现自定义工作台

    Vue-Grid-Layout 是一个基于 Vue.js 的响应式栅格布局系统,它允许开发者创建自定义的工作台,用户可以根据需要自由调整各个组件的位置和大小。在本教程中,我们将深入探讨如何使用 Vue-Grid-Layout 实现自定义工作...

Global site tag (gtag.js) - Google Analytics