//最高学历 //准备数据 var data = [ [1,"博士"], [2,"硕士"], [3,"研究生"], [4,"本科"], [5,"专科"], [6,"高中"], [7,"文盲"] ]; var proxy = new Ext.data.MemoryProxy(data); //定义学历结构 var edu = new Ext.data.Record.create([ {name:"eid", type: "int", mapping: 0}, {name:"ename", type: "string", mapping: 1} ]); var reader = new Ext.data.ArrayReader({},edu); var store = new Ext.data.Store({ proxy: proxy, reader: reader }); //加载数据 store.load(); var chkEdu = new Ext.form.ComboBox({ name: "chkEdu", fieldLabel: "最高学历", store: store, mode: "local", triggerAction: "all", emptyText: "请选择最高学历", displayField: "ename", valueField:"eid", value: 3 //缺省值 }); var numLove = new Ext.form.NumberField({ name: "numLove", fieldLabel: "最喜欢的数字" }); var areaAddress = new Ext.form.TextArea({ name: "areaAddress", fieldLabel: "家庭住址", width: 500, height: 50 }); var timeWork = new Ext.form.TimeField({ name: "timeWork", fieldLabel: "上班时间", increment: 30, fommat: "H:i" }); /* * json对象 * var timeWork = { name: "timeWork", xtype: "timefield", fieldLabel: "上班时间" }*/ //个人简介 var htmlIntro = new Ext.form.HtmlEditor({ name: "htmlIntro", fieldLabel: "个人简介", // enableLists: false, // enableSourceEdit: false, height: 150 }); var txtPhoto = new Ext.form.TextField({ name: "txtPhoto", inputType: "file", fieldLabel: "照片", width: 500 }); var btnSubmit = new Ext.Button({ text: "提交", handler: function(){ f.getForm().submit({ success: function(form, action){ form.items.each(function(field){ if(field.isFormField){ alert(field.getName() + "=" + field.getValue()); } }); }, failure: function(){ Ext.MessageBox.alert("","表单提交失败!"); } }); } }); var btnReset = new Ext.Button({ text: "重置", handler: function(){ f.getForm().reset(); } });
发表评论
-
ext_GridPanel2_6
2011-08-26 16:31 906var grid = new Ext.grid.GridPa ... -
ext_GridPanel2_5
2011-08-26 16:29 869//准备数据 var data = [ { ... -
ext_GridPanel2_4
2011-08-26 16:27 1401/** * grid.getView().getRows( ... -
ext_GridPanel2_3
2011-08-26 16:25 801//Proxy var proxy = new Ext. ... -
ext_GridPanel2_2
2011-08-26 16:21 850* selectRows(rows, keepExisti ... -
ext_GridPanel2_1
2011-08-26 16:18 915Ext.namespace("com.deng&qu ... -
ext_GridPanel1_4
2011-08-25 18:01 913//Record 定义记录结果 var Human = ... -
ext_GridPanel1_3
2011-08-25 17:59 873Ext.onReady(function(){ //列模型 ... -
ext_GridPanel1_2
2011-08-25 17:57 809//列模型 var cm = new Ext.grid ... -
ext_GridPanel1_1
2011-08-25 11:08 1075Ext.namespace("com.deng&qu ... -
Ext学习_FormPanel布局3
2011-08-01 10:15 1007{ //行3 layout: " ... -
Ext学习_FormPanel布局2
2011-08-01 10:14 1111Ext.onReady(function(){ var f ... -
Ext学习_FormPanel布局1
2011-08-01 10:12 979Ext.namespace("com.deng&qu ... -
悬停提示与验证4
2011-07-27 15:47 897/** * vtype验证 * vtype验证是一种预 ... -
悬停提示与验证3
2011-07-27 15:46 916/** * 三 表单组件验证 * 表单组件自身有验证功 ... -
悬停提示与验证2
2011-07-27 15:45 1236/** * 有时候,悬停提示信息过长,我们愿意换行显示,对 ... -
悬停提示与验证1
2011-07-27 15:42 1173Ext.namespace("com.deng&qu ... -
Ext学习_表单组件6
2011-07-19 12:03 996var f = new Ext.form.FormPanel ... -
Ext学习_表单组件4
2011-07-19 12:01 473Ext.namespace("com.deng&qu ... -
Ext学习_表单组件3
2011-07-18 15:47 961/** * 文本区 */ var areaAddre ...
相关推荐
ext扩展_Flash表单上传组件 一个不错的上传组件
解决Ext遇到的基础问题,如组件的应用,Ext的布局,表单,Grid控件的讲解,还要一些综合应用
简单的Ext应用实例,包括表单,与后台交互,基本组件等的使用。对于Ext初学者来说挺实用的,适用于Ext 3.0版本
Ext的CKEditor组件,方便在Ext表单输入HTML内容
Ext中表单中各种组件的布局,例如TextField,Combox,还有DateField控件的基本使用
NULL 博文链接:https://lovebeyond.iteye.com/blog/441009
NULL 博文链接:https://lovebeyond.iteye.com/blog/440899
NULL 博文链接:https://lovebeyond.iteye.com/blog/440219
表单组件入门 67 表单体 67 创建表单字段 67 完成表单 68 下一步 69 为一个表单填充或提交数据 69 让我们开始吧 69 读取我们的数据 71 EXT中的继承 71 补充资料 73 Ext 2 概述 73 组件模型 Component Model 74 ...
入门 EXT简介 Ext 2简述 EXT新手建议 怎么轻松地进入Ext的世界?...表单组件初学(二) Cookie的存储 Ext Grid+JScript ASP+Access教程 Ext 2联动Combos的教程 采用JsonStore的PropertyGrid 关联事件
bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 frame:true, //是否渲染表单 renderTo :'form', //表单渲染的地方 defaultType: 'numberfield', //设置表单字段...
Ext组件体系由下图所示: 组件大致可分成三大类,即基本组件、工具栏组件、表单元素组件。 基本组件有这么多的组件,可都是非常酷的。组件使用可以直接通过关键字new 来创建,比如上篇文章中说到的创建一个Window...
EXT动态新增一行 用的column布局,点击一个按钮能添加一行组件,如文本框,有下拉框等。
通过这个观看视频会让你很快的了解到extjs,并且能够很快的进入ext的使用
第5~9章分别讲解了ext js的事件及其应用、选择器与dom操作、数据交互、模板与组件、容器、面板、布局与视图;第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、...
表单组件入门 67 表单体 67 创建表单字段 67 完成表单 68 下一步 69 为一个表单填充或提交数据 69 让我们开始吧 69 读取我们的数据 71 EXT中的继承 71 补充资料 73 Ext 2 概述 73 组件模型 Component Model 74 容器...
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中使用json / 8 1.2.6 在java中使用...
extjs-4-入门 extjs-4-类系统介绍 extjs-4-数据详解 extjs-4-组件详解 extjs-4-Grids详解 extjs-4-布局和容器 ExtJS 4 表单 ExtJS 4 树 extjs-MVC架构讲解 个人学习资料收集
将数据加入到模板中 62 下一步 63 学习利用模板(Templates)的格式化功能 63 正式开始 63 下一步 64 事件处理 64 非常基础的例子 64 处理函数的作用域 64 传递参数 65 类设计 66 ...