关于ext属性anchor的说明

 1 {items : [{
 2                                 xtype : ‘panel‘,
 3                                 layout : ‘column‘,
 4                                 defaults : {
 5                                     layout : ‘form‘
 6                                 },
 7                                 items : [
 8                                     {columnWidth : .8,
 9                                         items :[
10                                              {xtype:"textfield",
11                                               fieldLabel : ‘所在机构‘,
12                                               name : ‘user.organiseName‘,
13                                               blankText : ‘请选择‘,
14                                              emptyText : ‘机构名‘,
15                                               readOnly : true,
16                                               anchor : ‘90%‘,
17                                               id:"_organiseDisplay",
18                                               allowBlank: false
19                                              },
20                                     {columnWidth : .2,
21                                         items : [
22                                                                                {xtype:"textfield",
23                                                  fieldLabel : ‘姓名‘,
24                                                   maxLength :12,
25                                                                                  anchor : ‘90%‘,
26                                                   name : ‘user.userName‘                                             }]
27                                     }]
28                                 }]
29                             }

ext中许多组件都有anchor这个属性,他一般与布局column一起使用,以文本组件为例:columnWidth的值乘以anchor的值,即为本组件所占的长度。

另外注意:anchor不可与设置长度的属性width同时出现,否则,width属性无效。

时间: 2024-08-28 21:24:24

关于ext属性anchor的说明的相关文章

Ext属性详细信息

Ext.window属性详细信息 Ext.Window扩展自Ext.Panel,其xtype值为window. 1.主要配置项 closable:是否允许关闭窗口,默认为true.       closeAction:关闭窗口的动作,包括以下两种:        close:从DOM删除窗口,销毁窗口及其所属组件,窗口不再可用,重新显示需要调   用show方法.此为默认值.        hide:通过设置可见性隐藏窗口,窗口还可用,调用show方法后重新显示.       constrain

EXT属性

Extjs & Ext.Net 弹出整个浏览器对话框的方法 top.Ext.Msg.alert("值"); top.Ext.Msg.confirm("值"); top.Ext.Msg.notify("值"); Ext.getCmp("控件ID").setText("值");  //设置控件的Text值 Ext.getCmp("控件ID").setValue("值&quo

extjs布局

border布局:标准的上下左右中布局方式 Ext.onReady(function() { Ext.create('Ext.container.Container', { width: 400, height: 400, renderTo: Ext.getBody(), layout: "border", items: [{ region: "west", title: 'west', width:100 }, { region: "east"

收藏-Gradle史上最详细解析

前言 对于Android工程师来说编译/打包等问题立即就成痛点了.一个APP有多个版本,Release版.Debug版.Test版.甚至针对不同APP Store都有不同的版本.在以前ROM的环境下,虽然可以配置Android.mk,但是需要依赖整个Android源码,而且还不能完全做到满足条件,很多事情需要手动搞.一个app如果涉及到多个开发者,手动操作必然会带来混乱.library工程我们需要编译成jar包,然后发布给其他开发者使用.以前是用eclipse的export,做一堆选择.要是能自

esayUI实践的一些体会

1.如何在页面中使用 easy ui ? 引入 四个文件 <!-- 引入easy ui --> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="

zz深入理解Android之Gradle

http://blog.csdn.net/innost/article/details/48228651 Gradle是当前非常“劲爆”得构建工具.本篇文章就是专为讲解Gradle而来.介绍Gradle之前,先说点题外话. 一.题外话 说实话,我在大法工作的时候,就见过Gradle.但是当时我一直不知道这是什么东西.而且大法工具组的工程师还将其和Android Studio大法版一起推送,偶一看就更没兴趣了.为什么那个时候如此不待见Gradle呢?因为我此前一直是做ROM开发.在这个层面上,我们

Windows编程基础

1. 控件() 使用Windows窗体时, 就是在使用System.Windows.Forms名称空间 大多数控件 都派生于System.Windows.Forms.Control类 1.1 控件属性 Anchor 控件的容器大小发生改变时, 该如何响应 Enable 是否可接收用户输入 1.2 控件的定位.停靠和对齐 1.3 事件 3种处理事件的基本方式 <1>双击控件 <2>Properties窗口中Events列表, 单击闪电图标, 就会显示Events列表      在Ev

Winform布局方式

一.默认布局 ★可以加panel,也可以不加: ★通过鼠标拖动控件的方式,根据自己的想法布局.拖动控件的过程中,会有对齐的线,方便操作: ★也可选中要布局的控件,在工具栏中有对齐工具可供选择,也有调整各个控件大小的工具. 注:分层:右键点击控件.可以选择置于顶层或置于顶层. 锁定控件:当部分布局完成,为了操作失误,把布局好的打乱,可以选中布局好的控件,右键,锁定控件,这样布局好得控件就不可以随意拖动了. 二.边界布局 ★属性Anchor:定义某个控件绑定到容器的边缘.当控件锚定到某个边缘时,与指

Nodejs中路径处理模块path如何使用?

在nodejs开发中,path是个使用频率很高,但却让人又爱又恨的模块.部分因为文档说的不够清晰,部分因为接口的平台差异性. 将path的接口按照用途归类,仔细琢磨琢磨,也就没那么费解了. 获取路径/文件名/扩展名 . 获取路径:path.dirname(filepath) . 获取文件名:path.basename(filepath) . 获取扩展名:path.extname(filepath) 获取所在路径 例子如下: var path = require('path');var filep