zoukankan      html  css  js  c++  java

  • ExtJS专题（十）:layout布局的使用（2）

  • anchor
    • 这个效果具体还不知道有什么用，就是知道注意一下 
    1.容器内的组件要么指定宽度，要么在anchor中同时指定高/宽， 
    2.anchor值通常只能为负值(指非百分比值)，正值没有意义， 
    3.anchor必须为字符串值 
图形结果演示：
。net代码 
  1. Ext.onReady(function() {  
  2.         var panel1 = new Ext.Panel({  
  3.             title: "panel1",  
  4.             height: 100,  
  5.             anchor: '-50',  
  6.             html: "高度等于100，宽度=容器宽度-50"  
  7.         });  
  8.   
  9.         var panel2 = new Ext.Panel({  
  10.             title: "panel2",  
  11.             height: 100,  
  12.             anchor: '50%',  
  13.             html: "高度等于100,宽度=容器宽度的50%"  
  14.   
  15.         });  
  16.   
  17.         var panel3 = new Ext.Panel({  
  18.             title: "panel3",  
  19.             anchor: '-10, -250',  
  20.             html: "宽度=容器宽度-10,高度=容器宽度-250"  
  21.   
  22.         });  
  23.   
  24.         var win = new Ext.Window({  
  25.             title: "Anchor Layout",  
  26.             height: 400,  
  27.              400,  
  28.             plain: true,                      
  29.             layout: 'anchor',  
  30.             items: [panel1, panel2,panel3]              
  31.         });  
  32.         win.show();  
  33.     });  

查看全文
  • 相关阅读:
    HTML中为何P标签内不可包含块元素？
    js判断鼠标位置是否在某个div中
    拒绝图片延迟加载，爽爽的看美图
    PHP为什么会被认为是草根语言？
    宜信开源微服务任务调度平台（SIA-TASK）
    JSBridge框架解决通信问题实现移动端跨平台开发
    如何运用多阶构建编写优雅的Dockerfile
    Sharding-JDBC 使用入门和基本配置
    程序员笔记|详解Eureka 缓存机制
    程序员笔记|常见的Spring异常分析及处理
  • 原文地址：https://www.cnblogs.com/Leo_wl/p/1683445.html
    • Copyright © 2011-2022 走看看