- 浏览: 46628 次
- 性别:
- 来自: 苏州
最新评论
不说废话,直接贴代码和截图
width: 780, bodyPadding: 0, border: 0, border:false, fieldDefaults: { labelAlign: 'left', labelWidth: 90, anchor: '100%' }, items: [ { layout:'column', items:[ { columnWidth:.33, defaultType: 'textfield', items: [{ fieldLabel: '姓名', name: 'first' },{ fieldLabel: '出生年月', xtype:'datefield', name: 'company1' },{ fieldLabel: '学位', xtype:'datefield', name: 'company2' }] }, { columnWidth:.33, defaultType: 'textfield', items: [{ fieldLabel: '性别', name: 'first' }, { fieldLabel: '政治面貌', xtype:'datefield', name: 'company3' },{ fieldLabel: '党政职务', xtype:'datefield', name: 'company4' }] }, { columnWidth:.33, defaultType: 'textfield', items: [ nationCombo, { fieldLabel: '学历', xtype:'datefield', name: 'company', anchor:'95%' },{ fieldLabel: '社会兼职职务', xtype:'datefield', name: 'company', anchor:'95%' }] } ] }, //第二块开始 { layout:'column', border:true, items:[ { columnWidth:.48, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '专业技术', labelWidth: 85, combineErrors: true, msgTarget : 'side', layout: 'hbox', defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'fieldcontainer', fieldLabel: '', combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: false }, items: [ { xtype : 'textfield', name : 'startDate', fieldLabel: '名称', margin: '0 0 0 0', allowBlank: false }, { xtype : 'datefield', name : 'endDate', fieldLabel: '获取时间(年月)', allowBlank: false } ] } ] },{ columnWidth:.5, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '行政职级', combineErrors: true, msgTarget : 'side', layout: 'hbox', labelWidth: 127, defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'fieldcontainer', fieldLabel: '', combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: false }, items: [ { xtype : 'textfield', name : 'startDate', fieldLabel: '名称', margin: '0 0 0 0', allowBlank: false }, { xtype : 'datefield', name : 'endDate', fieldLabel: '获取时间(年月)', allowBlank: false } ] } ] } ] },//第二块结束 //第三块开始 { layout:'column', border:true, items:[ { columnWidth:.68, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '所取得的行业资格证书名称及等级', labelWidth: 85, combineErrors: true, msgTarget : 'side', layout: 'hbox', defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'fieldcontainer', fieldLabel: '', combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: false }, items: [ { xtype : 'textfield', name : 'startDate', fieldLabel: '最高行业资格证书名称', labelWidth: 125, margin: '0 0 0 0', allowBlank: false }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue1', fieldLabel: '行业资格等级', boxLabel: '高级' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '中级' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '初级' }, { xtype : 'datefield', name : 'endDate', fieldLabel: '获取时间(年月)', allowBlank: false } ] } ] },{ columnWidth:.30, layout: 'anchor', xtype: 'fieldcontainer', fieldLabel: '人员状态', labelWidth: 85, combineErrors: true, msgTarget : 'side', defaults: { flex: 1, hideLabel: true }, items: [ { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue1', fieldLabel: '', boxLabel: '在岗' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '新进第一年' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '距退休不足两年' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '不在岗超半年' }, { xtype: 'checkboxfield', name: 'radio1', value: 'radiovalue2', fieldLabel: '', labelSeparator: '', hideEmptyLabel: false, boxLabel: '其他' } ] } ] },//第三块结束 //第四块开始 { layout:'column', items:[ { columnWidth:.5, defaultType: 'textfield', items: [{ fieldLabel: '所在部门', name: 'first' }] }, { columnWidth:.5, defaultType: 'textfield', items: [{ fieldLabel: '联系电话', name: 'first' }] } ] }//第四块结束 ], dockedItems: [{ xtype: 'toolbar', ui: 'footer', dock: 'bottom', layout: { type: 'hbox', pack: 'center' }, items: [{xtype: 'checkboxfield', boxLabel: '', name: 'cb-cust-1'},{ text: '保存', width:80, disabled: true }] }] }); formPanel.render('form-ct'); }); // -->
发表评论
-
【转载】C#写的字符串截取函数
2012-07-06 09:52 640字符串截取函数 public string CutS ... -
Spring AOP中RegexpMethodPointCut使用的正则表达式用法
2012-07-06 09:45 641正则表达式: .:匹配任何单个字符 例如:setF. ... -
一个判断是否为质数的正则表达式
2012-07-06 09:37 808源地址:http://www.cnblogs.com/Gr ... -
Asp.Net2.0之WebPart
2012-07-06 09:30 590WebPart组件包括 2个WebPart管理组件:Web ... -
权限移动
2012-07-05 20:45 518=0; i--){ var option = sele ... -
关于Flash CS5 自己编写组件的教程
2012-07-03 13:43 506flash cs5 在自己制作图形组件时非常简单。比FLE ... -
用SpringGraph制作拓扑图和关系图
2012-07-02 10:55 573SpringGraph是Adobe的Flex 2.0的开源 ... -
使用flash buidler 4制作一个迅雷快车旋风地址转换(附源代码)
2012-07-02 10:55 583纪念独立博客开博一周年,并且纪念下一年前学习flex,特弄 ... -
让数据自己来讲故事
2012-07-02 10:55 517Adobe Flash Builder 4 简 ... -
通过Flash实现ASP.NET多文件上传
2012-07-01 00:35 517关于多文件上传, ... -
Flex应用开发内存检测及优化技巧
2012-07-01 00:35 499我试着抛砖引玉, ... -
Flex事件机制一
2012-07-01 00:35 576一:事件流机制 由于OOP编程将程序看成一个个对象、 ... -
【Flex】MXML转化AS
2012-07-01 00:35 602文章分类:Web前端 MXML是一种用于创建用户界面的功能 ... -
PHP作为Flex程序的数据源
2012-07-01 00:35 572Adobe Flash Builder 4 简体中文正式版 ...
相关推荐
Ext2.0 form使用实例的例程。这个包也包含了Ext 2.0布局实例的例程。
Ext 添加功能form表单实例 适合Ext初学者
简单的Ext应用实例,包括表单,与后台交互,基本组件等的使用。对于Ext初学者来说挺实用的,适用于Ext 3.0版本
本篇是关于Ext.Ajax + Ext.FormPanel + MySQL数据库的完整登录案例,一个是html的form表单,一个是Ext的FormPanel表单,在提交或结合Ext.Ajax多少还是有区别的.
把表单和输入控件都改成ext的样式。 4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 ...
ext下布局的实现代码。
第4章 Ext Core实例—Java语言实现 85 4.1 技术选型 85 4.2 搭建开发环境 85 4.3 设计页面布局 87 4.4 网上商店首页 90 4.5 产品列表页面 98 4.6 产品详细信息页面 105 4.7 登录对话框 113 4.8 用户注册对话框 118 ...
非常珍贵的初学者资源,详细的使用了ext的各种常用组件和类库,例子完完整整,能运行,数据库资源直接在配置文件里面写就行,是那种就换成什么,非常方便大家使用和参考。
第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用...
《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的使用...
通过装饰的模型属性轻松创建带有字段的表单实例而不扩展\MvcCore\Ext\Form或\ MvcCore \ Ext \ ModelForms \ Form`类。 可以通过\MvcCore\Ext\ModelForms\IModel::GetFormsMetaData()获取模型属性元数据。 通过旧...
然后通过4章来详细讲解ExtJS的基本功能,包括:最常用的表单、面板和布局类,常用的工具类与函数,以及ExtJS对事件的响应。《ExtJS Web应用程序开发指南(第2版)》还结合现今流行的Web框架进行改造,将相关技术融合...
JS和EXT共同运用的无刷新技术,提交表单
13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data.DwrProxy 13.7.2 Ext.data.DWRTreeLoader 13.7.4 Web服务端配置 13.7.5 服务层接口 第14章 ExtJS扩展 14.1 利用Ext.extend实现继承 14.2 与...
4.1.3 Ext.form.field.Base基础表单字段 4.1.4 Ext.form.field.Text文本域 4.1.5 Ext.form.field.TextArea文本区 4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field....
.一个完整的表单验证登陆实例 <br>本实例采用简单的例子演示了如何利用ext实习表单的ajax验证及登陆,易学易懂。
一个使用了EXTJS框架的表单检测判断,及提示效果,当输入类型不符时,会无刷新弹出提示框,在本演示代码的基础上,你可轻松扩展出一个界面漂亮的EXT登录界面,不过觉得ExtJs用了大量的图片来美化界面,貌似会影响...
title:"学习表单字段元素的字段集", width:600, height:400, frame:true, renderTo:"myForm", items:[ {xtype:"fieldset", width:500, labelAlign:"right", labelWidth:70, title:"个人信息" , ...