Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), title: 'User Form', height: 130, width: 280, bodyPadding: 10, defaultType: 'textfield', items: [ { fieldLabel: 'First Name', name: 'firstName' }, { fieldLabel: 'Last Name', name: 'lastName' }, { xtype: 'datefield', fieldLabel: 'Date of Birth', name: 'birthDate' } ] });
上面是一个普通的Form表单。
FormItem:
(1):Combobox:--下拉列表
上面的代码是在Form里添加了一个combobox,他的下拉数据来源是一个store,并且为他监听了select事件。
//这里是数据 var states = Ext.create('Ext.data.Store', { fields: ['abbr', 'name'], data : [ {"abbr":"AL", "name":"Alabama"}, {"abbr":"AK", "name":"Alaska"}, {"abbr":"AZ", "name":"Arizona"} //... ] });(2) :Date--日期
Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), width: 300, bodyPadding: 10, title: 'Dates', items: [{ xtype: 'datefield', anchor: '100%', fieldLabel: 'From', name: 'from_date', maxValue: new Date() // 最大时间 }, { xtype: 'datefield', anchor: '100%', fieldLabel: 'To', name: 'to_date', value: new Date() // 默认时间 },{ xtype:'datefield', anchor:'100%', fieldLabel:'Date', name:'date',//格式化时间,默认值是new Date() format:'m/d/Y', value:new Date()}] });
相关推荐
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)--...
ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)
3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 ...
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经...ExtJS4学习笔记(十)---ExtJS4图片验证码的实现
Extjs4 表单从数据库读取数据映射到对应的字段中显示
3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 ...
extjs4 grid 包括form js代码
Extjs 5 学习笔记,在网上下载整理好的。
extjs4笔记,对web前端开发有极大的帮助,欢迎大家下载extjs4笔记
学习ExtJS时看书的笔记,记录了ExtJS事件机制的原理
适合ExtJs开发人员extjs技术上手以及深入
从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从ExtJs5开始则引入了MVVC架构。 从网上资料来看,多数都是停留在ExtJs3...
extjs学习笔记, 对应的书籍是extjs in action 没有看完...呵呵
网上的EXTJS4学习笔记的整理,带目录PDF版本
Extjs4开发笔记,自己学习Extjs4的一些心得体会和小技巧
EXTJS 学习笔记 ROY EXTJS学习笔记,自己学习的过程,不多但是实用
extjs4.0 笔记大全,按照这个笔记来,相信你一定能很快学会的
Extjs4 MVC开发笔记源码,此源码已经将命名空间修改为Soyi,由于涉及到一些公司信息,将所有数据库中的数据清除,由于时间仓促。只有备案管理的grid是可以使用的,其他的功能,按照备案管理的文件照猫画虎即可实现。 ...