位置:首页 » 技术 » Form格局小实例

Form格局小实例

日期:2013-10-31 阅读:1num
Advertisement

Form布局小实例
Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用
<script type="text/javascript">
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"面板组件",
width:400,
layout:"form",
hideLabels:false,
labelAlign:"right",
labelWidth:150,
height:200,
defaultType:'textfield',
items:[{fieldLabel:"please write name",name:"name"},{fieldLabel:"please write address",name:"add"},{fieldLabel:"please write telephone",name:"tel"}]
});
});

同上面的代码实现了一样的功能
Ext.onReady(function(){
new Ext.FormPanel({
renderTo:'hello',
title:'container tool',
width:300,
//layout:'form',
labelWidth:120,
hideLabels:false,
labelAlign:'right',
height:300,
defaultType:'textfield',
items:[{
fieldLabel:'name',
name:'name'
},{
fieldLabel:'age',
name:'age'
},{
fieldLabel:'sex',
name:'sex'
}]
});
});
</script>
</head>

<body>

<div id="hello"></div>
</body>
</html>

相关文章
  • Form格局小实例

    Form布局小实例 Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用 <script type="text/javascript"> Ext.onReady(function(){ new Ext.Panel({ renderTo:"hello", title:"面板组件", width:400, layout:

  • table格局小实例

    table布局小实例 Table布局由类Ext.layout.TableLayout定义,名称为table,该布局负责把容器中的子元素按照类似普通html标签 <script type="text/javascript"> Ext.onReady(function(){ var p = new Ext.Panel({ renderTo:'hello', title:'table', width:500, height:200, layout:'table', layoutC

  • card格局小实例

    card布局小实例 Card布局由Ext.layout.CardLayout类定义,名称为card,该布局将会在容器组件中某一时刻使得只显示一个子元素.可以满足安装向导.Tab选项板等应用中面板显示的需求 <script type="text/javascript"> Ext.onReady(function(){ var p = new Ext.Panel({ renderTo:'hello', title:'card', width:300, height:120, l

  • Accordion格局小实例

    Accordion布局小实例 Accordion布局由类Ext.layout.Accordion定义,名称为accordion,表示可折叠的布局,也就是说使用该布局的容器组件中的子元素是可折叠的形式 <script type="text/javascript"> Ext.onReady(function(){ new Ext.Panel({ renderTo:'hello', title:'accordion', width:300, height:200, layout:

  • Border区域格局小实例

    Border区域布局小实例 Border布局由类Ext.layout.BorderLayout定义,布局名称为border.该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置.看下面的代码: <script type="text/javascript"> Ext.onReady(function(){ ne

  • AJax第一个小实例-菜鸟

    AJax第一个小实例--初学者 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":&qu

  • Jsp中Forward施用小实例

    Jsp中Forward使用小实例 1.Forward_demo.htm: <html> <head><title>Forward_demo1.htm</title></head> <body> <form action="demo1.jsp" method="POST"> 用户:<input type="text" name="username&q

  • java 下传小实例

    java 上传小实例 前端jsp <html> <head> <meta http-equiv="Content-Type" contect="text/html;charset=utf-8"> </head> <body> <form action="../fileupload/upload" method="post" enctype="multi

  • 用Python程序抓取网页的HTML信息的一个小实例 用Python程序抓取网页的HTML信息的一个小实例

    这篇文章主要介绍了用Python程序抓取网页的HTML信息的一个小实例,用到的方法同时也是用Python编写爬虫的基础,需要的朋友可以参考下 抓取网页数据的思路有好多种,一般有:直接代码请求http.模拟浏览器请求数据(通常需要登录验证).控制浏览器实现数据抓取等.这篇不考虑复杂情况,放一个读取简单网页数据的小例子: 目标数据 将ittf网站上这个页面上所有这些选手的超链接保存下来. 数据请求 真的很喜欢符合人类思维的库,比如requests,如果是要直接拿网页文本,一句话搞定: ? 1 doc

  • jquery $("form").submit事件实例

    jquery $("form").submit事件实例 判断是否为提交了 <html> <head> <script type="text/网页特效" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("form

  • RTXServer web api接口一个小实例 RTXServer web api接口一个小实例

    一个RTXServer web api接口的小实例,最后返回的是xml文件,与其它的区别不大,有兴趣的同学可参考学习. 109天没发表博客,破了记录,至从换了公司后就没有机会使用CI,重要的原因是自己懒惰了,下班后的时间几乎都在玩吉他,所以一直没有找到可以分享的技术点 不过在这109天里可以肯定的事情是:我变了 在新公司接触得最多的是oa与RTX,而RTX其实也是很多玩法,这里就先将前几天趁空闲的时间整理下来的RTX可以通过web方式调用的接口列一下 值得提醒的是这些接口都需要设置访问权限不然访

  • PHP文件下载的小实例

    这个文件下载实例做得非常的详细他是结合header函数与while fread函数把文件分断读出来然后再发送到客户端了,算得上一个标准的文件下载实例. 一个PHP文件下载的小实例 /*====================================================== $FileName 为文件名称,必传 $FilePath 为文件路径.选填,可以为相对路径或者绝对路径 路径只能由英文跟数据组成,不能带有中文 如有问题 欢迎联系博主指出 =================

  • html5 form novalidate详细实例

    html5 form novalidate详细实例 formnovalidate novalidate --> <!doctype html> <html> <body> <form action="demo_form.asp教程" method="get" id="user_form"> e-mail: <input type="email" name="

  • jquery第四期:对象变换的小实例

    jquery第四期:对象转换的小实例 为了更清晰的看懂jquery对象是一个数组,我们这一期来改变每一个<li>中的值,在前面加上序号. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv

  • http上载小实例

    http下载小实例 前端download.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+&

  • 使用Ant编译Java程序的一个小实例

    运用Ant编译Java程序的一个小实例 1. native2ascii.bat文件内容: @echo off @setlocal set JAVA_HOME=%JDK6_HOME% if "%JAVA_HOME%" == "" goto noJavaHome SET CMD=%JAVA_HOME%\bin\java -Xms256m -Xmx512m -cp build\lib\ant.jar;build\lib\optional.jar;%JAVA_HOME%\l

  • 求vb小实例解决方案

    求vb小实例 大家好,初次接触vb.学校要求期末的拿出像样的作品.但不知道vb具体可以做些什么,请大家给我一些小的应用实例,要适合初学者.感谢大家! ------解决方案-------------------- VB简单看图程序: VB code Option Explicit Private Declare Function StretchBlt Lib "gdi32" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByV

  • 散分,cakePhp小实例,一定以要能用

    散分,求一个cakePhp小实例,一定以要能用! return! ------解决方案-------------------- 我jf ------解决方案-------------------- 这个例子,不错哦.是个基础的CAKEPHP的案例.可以学到如何做一个简单的功能的基本要素 ------解决方案-------------------- jf ------解决方案-------------------- 把简单的东西弄复杂了 ------解决方案--------------------

  • 初始学习EXT,小实例(viewport容器1)

    初步学习EXT,小实例(viewport容器1) Ext.onReady(function(){ //构建树形面板的对象 var tp = new Ext.tree.TreePanel({ region:'west', collapsible:true, //可以让树形面板收缩的 title:'TreePanel', width:200, autoScroll:true, split:true, //可以把树形面板拉宽或接窄的 useArrows:true,//可以让ROOT文件夹旁边有个三角,

  • Fragment兑现界面交互小实例&lt;1&gt Fragment兑现界面交互小实例&lt;1&gt

    Fragment实现界面交互小实例<1> 先看一下效果图: 左右各是一个Fragment,左边的三个按钮可以控制右边的背景色,右边的mood按钮,可以控制左边最上面的ImageView,这样就简单的实现了Fragment的界面交互. 在MainActivity的布局中添加Fragment有两种方式,不同添加Fragment的方法,要实现两个Fragment的交互的差异是很大的,本文讲比较简单的一种,下一节讲另一种方式. 看MainActivity的布局文件mian.xml文件就明了了. mai

最新文章
  • 在试用期过期前 6 天, 1Password 终于开始打折了! 在试用期过期前 6 天, 1Password 终于开始打折了!

    等了好久,按照之前管理,苹果九月开发布会之前都会打折,果然今天打折开始了. Mac 端 30% off, iOS 端 50% off. Mac 现在用教育折扣只要 27.99 刀就可以买了,赶紧在试用期过期前 6 天买了,大家想入的赶紧啊. https://blog.agilebits.com/2015/09/02/the-work-smarter-sale/ --cut-- xzchina在2016-05-09 09:17:41回答到: 一直免费用 lastpass 的路过... parado

  • 成都真心求一个靠谱的java实习

    1000,800都行,不给也可以,在招聘网站上面投简历老是收到培训公司的「面试」快疯了.我简历地址:http://goo.gl/Ln0Sf.人实诚. --cut-- xdyl在2013-07-23 15:54:2回答到: 我在考虑要不要收一个人做徒弟.

  • 最朴实动人的母亲节短信祝福语

    有没有一次,在佛前祈愿,不为爱情,不为事业,也不为友谊,而是专诚为妈妈.母亲节快到了,到佛前为亲爱的妈妈祈个福吧,祝她健康平安. 有没有这样一次,在佛前祈愿,不为爱情,不为事业,也不为友谊,而是专诚为妈妈.母亲节快到了,到佛前为亲爱的妈妈祈个福吧,祝她健康平安. 有那么一片黄昏,天昏地暗;有那么一个季节,瓜熟地落;有那么一种亲情,血浓于水.在这母亲节来临之际,谨祝天下母亲节日快乐! 有情的日子,永远都有温暖的阳光;有爱的生活,永远都散发着浓浓的馨香;有您的世界,永远有我幸福的宝藏.老妈,母亲节快

  • 网秦手机安全5.6版发布:给力保护上网安全 网秦手机安全5.6版发布:给力保护上网安全

    近日,刚刚在国家计算机病毒防治中心斩获首个手机安全"一级品"称号,且在2011年西海岸手机安全测评中排名全球第一的"网秦手机安全"发布了全新的 5.6 Android版,对网络防火墙.联网控制.流量管理等功能进行了全面增强,新增"微博保镖"特别防御模块,有效避免流量损耗,阻止手机病毒.恶意软件侵 袭,给力保护用户的手机上网安全.(免费下载: http://www.netqin.com/products/antivirus/android/ ) 记

  • 微博怎么发表仅自己可见微博 微博怎么发表仅自己可见微博

    1)打开微博,点击下方正中间[+],选择[文字]进入微博编辑页面. 2)点击右侧微博可见权限,小编此处默认[公开],点击进入后选择[仅自己可见]. 3)设置好后点击右上角[发送],然后就可以看见自己发表的仅自己可见的微博了.

  • win10系统卡在登录界面怎么办 win10系统卡在登录界面怎么办

    1.如下图所示,win10正常弹出用户登录界面,输入正确的密码,显示正在,然后就停留在这个状态,机器也不死,甚至还可以输入ctrl alt del键,弹出锁定窗口,但永远进不了系统. 2.这种情况,小编的总结是和新安装的应用或者硬件驱动有关系,可以回忆在什么时候出现的卡屏,之作做过哪些软件安装.或者想一下,刚安装完win10是否正常的,按这个思路去排查是哪个软件或驱动. 3.基本上就是由后往前,逐一删除的处理方法, 优先考虑删硬件驱动,应用软件由于可能性较小,优先级可以排后,小编遇上过的两例都是

  • 我的世界指南针制作方法分享 我的世界指南针制作方法分享

    在我的世界这一款游戏里面指南针合成的方法是什么呢?到底要怎么做呢?今天小编就为各位玩家们带来了方法,下面就和小编一起去看看指南针的合成方法吧. 给各位玩家们分享一下我的世界里面指南针制作的方法. 制作方法: 指南针(Compass)是在2010年11月10日的神秘周五更新中被添加入游戏的. 属性: 类型 :可以 耐久度 :无 可再生: ? 重叠 :可以 (64) 制作: 作为制作的材料: 你知道吗: ■指南针和钟表是少数可以堆叠的工具. ■指南针在箱子里也能工作. ■指南针可被其他玩家看到. ■

  • 节电小窍门 节电小窍门

    节电小窍门 1.家用电器用品需定期保养.擦拭,可提高使用效率,亦可延长使用寿命. 2.选购高效率(高EER值)之冷气机,效率愈高愈省电. 3.电冰箱开门启用后随手关门,并减少开门次数. 4.以日光灯取代白炽灯泡,可省2/3电力;日光灯寿命比白炽灯泡长. 5.洗衣机装7-8分满,浸泡20分钟再洗,效率最高. 6.电饭锅煮饭先将生米浸泡后再烹煮,可缩短煮熟时间而节电. 7.睡觉或长时间不使用,应将电视电源插头拔下,以节省用电. 8.冷气开放时,应紧闭门窗,防止冷气外泄,并将冷气口由上向下吹. 本站阅

  • PB如果现实一个文件夹下的所有文件和文件夹,该如何解决

    PB如果现实一个文件夹下的所有文件和文件夹 就是现实一个资源树,将所有文件都列出来? ------解决方案-------------------- 用listview,然后用dirlist函数即可实现 PFC的例子有! ------解决方案-------------------- 前几天还见过 http://topic.csdn.net/u/20090616/02/41893BBD-2D32-4BCA-9010-D45DDEEBA4B6.html

  • Android组件推荐-侧滑成效DragLayout Android组件推荐-侧滑成效DragLayout

    Android组件推荐-侧滑效果DragLayout 介绍: 使用support.v4包下的ViewDragHelper实现QQ5.0侧滑效果 运行效果: 下载地址: http://jcodecraeer.com/a/opensource/2014/1016/1783.html 您可能还会对这些文章感兴趣! Android组件推荐-AndroidResideMenu,iOS 7/8 p Android组件推荐-TextJustify-Android Android组件推荐-MultiChoice

热门推荐
  • 特斯拉2018年50万辆电动车产能目标被指荒谬可笑 特斯拉2018年50万辆电动车产能目标被指荒谬可笑 腾讯科技讯 5月7日消息,据外单报道,美国最大的汽车营销商AutoNation董事会主席兼首席执行官迈克·杰克逊(Mike Jackson)周五表示,基于电动车制造商特斯拉过去的预测履历,该公司把年产量达50万辆的实现时间提前至2018年,是"胆大妄为.荒谬可笑"的做法. 并不是只有杰克逊一人有这样的感觉.许多华尔街分析师都对特斯拉制定出在2018年让电动车产能达到50万辆的新目标感到怀疑.这一目标不仅较特斯拉先前的目标提前了两年,而且是特斯拉去年电动车交付总量的十倍. 杰克逊在出席C
  • 腾讯手机管家怎么关闭小火箭 腾讯手机管家怎么关闭小火箭 下面就介绍一下腾讯手机管家关闭小火箭的操作方法. 1.打开腾讯手机管家,点击右上角的[头像]图标 2.选择[通用设置] 3.点击选择[悬浮窗]选项 4.点击[在桌面显示悬浮窗]后的按钮 5.桌面小火箭成功关闭
  • 适合立春吃的食物大全 适合立春吃的食物大全 立春后吃什么菜? 立春后吃什么菜?立春后意味着春天要开始了,很多人都关心起立春后吃什么菜来,因为一年之计在于春,立春后正是养生的最佳时机.下面养生专家为您介绍立春后吃什么菜. 立春后吃什么菜 1.春笋 春笋素有"素食第一品"的美誉.春笋作为美味佳肴,自古以来备受人们喜爱.文人墨客和美食家对它赞叹不已,有"尝鲜无不道春笋"之说.春笋笋体肥厚,美味爽口,营养丰富,可荤可素.做法不同,风味也各异,炒.炖.煮.煨皆成佳肴.地方名菜春笋均占一席之地,如上海的"枸杞春
  • 研究称早期人类生有内八字脚 研究称早期人类生有内八字脚 研究人员最新研究揭晓200万年前源泉种南方古猿的独特特征--长着足内翻双脚,适合于树木攀爬,却不适合于行走或者奔跑,源泉种南方古猿被认为是现代人类的最直接祖先. 源泉种南方古猿化石被全球各地的科学家广泛研究,结果显示其具有原始人类和后期人类物种的混合特征.科学家对2008年在南非约翰尼斯堡发现的源泉种南方古猿深入分析显示,他们能够行走和咀嚼食物. 因此,科学家认为源泉种南方古猿是当前人类直接祖先的最佳候选,这支人类祖先具有类似大猩猩等大型猿类的狭窄上胸腔,但是他又与人类胸腔不同,人类胸腔是均匀的
  • 缤纷发饰 6款夏日出游美发搭配 缤纷发饰 6款夏日出游美发搭配 缤纷发饰 6款夏日出游美发搭配 1.甜美田园双花辫 邻家女孩的亲切感双花辫,有效避免了发饰过于奢华的效果,营造出甜美气息. 2.春日甜美花圈 甜美花环搭配松散卷发体现轻盈空气感,非常适合浪漫的春日氛围.仿佛进入了伊甸园般的清新自然. 3.抢眼花朵发饰 抢眼的花朵头饰可是让可爱度大幅提升的实用法宝.让单调的卷发有了亮点,女人味十足哦. 4.俏皮小礼帽 俏皮的小礼帽搭配俏皮侧编辫,营造出娇小的脸部轮廓.增添甜美小恶魔的感觉哦. 5.复古发饰 用时髦的复古发饰配合前额露出的刘海,立刻让淡淡的女人味随之
  • 玄讯移动CRM新版发布 重构企业营销新形态 玄讯移动CRM新版发布 重构企业营销新形态 日前,国内移动 CRM 领导品牌玄讯(www.xtion.net)再度创新升级,发布玄讯移动CRM-v5.4,新版本对网页端和移动端的诸多细分功能进行了更加人性化的改造,将系统稳定性提升到全优A级,并通过移动报表.通知公告.在线文档.智能总结.android支持全球定位等五大功能的迭代升级,进一步提升了玄讯移动CRM的营销体验,有效帮助销售人员实现全方位协同打单,大幅提升"作战"效率,发挥移动互联时代营销利器的高效与便捷. 众所周知,对于"路上战士"的销售团队而言,
  • QQ电脑管家公益勋章领取方法图解 QQ电脑管家公益勋章领取方法图解 最近QQ电脑管家公益勋章做法了,我们可以去参考活动然后获取到对应的公益勋章了,下面我们一起来看看如何来获得这个公章了,希望文章能够帮助到各位朋友. 如何领取管家公益勋章? 1.确认已安装最新版管家 2.登录管家客户端个人中心,点击领取公益勋章 活动地址:http://guanjia.qq.com/act/brand/201509gy QQ公益勋章怎么领取 1.你电脑得安装一个"qq电脑管家"然后我们打开之后点击"头像"然后再进入后我们再点击"个人中心&qu