无废话ExtJs 入门教程四[表单：FormPanel]
继上一节内容，我们在窗体里加了个表单。如下所示代码区的第28行位置，items:form。
1.代码如下：
- 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 2 <html xmlns="http://www.w3.org/1999/xhtml">
- 3 <head>
- 4 <title></title>
- 5 <!--ExtJs框架开始-->
- 6 <script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script>
- 7 <script type="text/javascript" src="/Ext/ext-all.js"></script>
- 8 <link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" />
- 9 <!--ExtJs框架结束-->
- 10 <script type="text/javascript">
- 11 Ext.onReady(function () {
- 12 var form = new Ext.form.FormPanel({
- 13 frame: true,
- 14 title: '表单标题',
- 15 style: 'margin:10px',
- 16 html: '<div style="padding:10px">这里表单内容</div>'
- 17 });
- 18 var win = new Ext.Window({
- 19 title: '窗口',
- 20 width: 476,
- 21 height: 374,
- 22 html: '<div>这里是窗体内容</div>',
- 23 resizable: true,
- 24 modal: true,
- 25 closable: true,
- 26 maximizable: true,
- 27 minimizable: true,
- 28 items: form
- 29 });
- 30 win.show();
- 31 });
- 32 </script>
- 33 </head>
- 34 <body>
- 35 <!--
- 36 说明：
- 37 (1)var form = new Ext.form.FormPanel({}):创建一个新的form表单对象。
- 38 (2)title: '表单标题'：表单的标题，如果不加的话，不会出现上面的浅色表单标题栏。
- 39 (3)style: 'margin:10px':表单的样式，加了个外10px的外边距。
- 40 (4)html: '<div style="padding:10px">这里表单内容</div>'：表单内显示html的内容。
- 41 -->
- 42 </body>
- 43 </html>
2.效果如下：
3.form 组件常用的：属性、方法及事件
一、属性
width:整型，表单宽度。
height:整型，表单高度。
url:字符串，表单提交地址。
二、方法
reset:表单重置。
isValid:表单是否验证全部通过。
submit:表单提交。
无废话ExtJs 入门教程四[表单：FormPanel]的更多相关文章
- 无废话ExtJs 入门教程十五[员工信息表Demo：AddUser]
无废话ExtJs 入门教程十五[员工信息表Demo:AddUser] extjs技术交流,欢迎加群(201926085) 前面我们共介绍过10种表单组件,这些组件是我们在开发过程中最经常用到的,所以一 ...
- 无废话ExtJs 入门教程十四[文本编辑器：Editor]
无废话ExtJs 入门教程十四[文本编辑器:Editor] extjs技术交流,欢迎加群(201926085) ExtJs自带的编辑器没有图片上传的功能,大部分时候能够满足我们的需要. 但有时候这个功 ...
- 无废话ExtJs 入门教程十七[列表：GridPanel]
无废话ExtJs 入门教程十七[列表:GridPanel] extjs技术交流,欢迎加群(201926085) 在Extjs中,GridPanel用于数据显示,即我们平时说的列表页.在本节中,我们先对 ...
- 无废话ExtJs 入门教程十六[页面布局：Layout]
无废话ExtJs 入门教程十六[页面布局:Layout] extjs技术交流,欢迎加群(201926085) 首先解释什么是布局: 来自百度词典的官方解释:◎ 布局 bùjú: [distributi ...
- 无废话ExtJs 入门教程十三[上传图片：File]
无废话ExtJs 入门教程十三[上传图片:File] extjs技术交流,欢迎加群(201926085) 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C ...
- 无废话ExtJs 入门教程十二[下拉列表联动：Combobox_Two]
无废话ExtJs 入门教程十二[下拉列表联动:Combobox_Two] extjs技术交流,欢迎加群(201926085) 不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化,去动态加载其 ...
- 无废话ExtJs 入门教程十一[下拉列表：Combobox]
无废话ExtJs 入门教程十一[下拉列表:Combobox] extjs技术交流,欢迎加群(201926085) 继上一节内容,我们在表单里加了个一个下拉列表: 1.代码如下: 1 <!DOCT ...
- 无废话ExtJs 入门教程十[单选组：RadioGroup、复选组：CheckBoxGroup]
无废话ExtJs 入门教程十[单选组:RadioGroup.复选组:CheckBoxGroup] extjs技术交流,欢迎加群(201926085) 继上一节内容,我们在表单里加了个一个单选组,一个复 ...
- 无废话ExtJs 入门教程九[数字字段：NumberField、隐藏字段Hidden、日期字段：DataFiedl]
无废话ExtJs 入门教程九[数字字段:NumberField.隐藏字段Hidden.日期字段:DataFiedl] extjs技术交流,欢迎加群(201926085) 继上第六节内容,我们在表单里加 ...
随机推荐
- BZOJ 3365: [Usaco2004 Feb]Distance Statistics 路程统计
Description 一棵树,统计距离不大于 \(k\) 的点对个数. Sol 点分治. 发现自己快把点分治忘干净了... 找重心使所有儿子的最大值尽量小,然后每次处理全部子树,再减去每个子树的贡献 ...
- 微型Http服务器Tiny Http Server
Tiny Http Server 一个简单的跨平台Http服务器．服务器部分使用了Mongoose的代码,界面是使用QT开发的． 开发为了在临时需要使用一个http服务器来做发布代码文档的时候,不用去 ...
- flask路由和视图和cookie
什么是路由 """ 客户端(例如web浏览器)把请求发送给Web服务器,Web服务器再把请求发送给Flask程序实例. 程序实例需要知道对每个URL请求运行那些代码,所以 ...
- django xadmin 外键
style_fields = {'db栏位名称': "fk-ajax"} 实体关系: Account (*)-->(1) user 表单控件: 下拉框 美化用了selecti ...
- apscheduler 排程
https://apscheduler.readthedocs.org/en/v2.1.2/cronschedule.html 参数 说明 year 4位年 month 月份1-12 day 日:1- ...
- OLA音频变速算法的仿真与剖析
前段时间,在尝试音乐节拍数的提取时,终于有了突破性的进展,效果基本上比市面上的许多商业软件还要好,在作节拍数检测时,高频信息作用不大, 通过重采样减小运算量.重采样让我想起了在学校里面做的变速变调算法 ...
- 网站标签栏ico设置代码
放在公共文件的header中 <link rel="Shortcut Icon" href="{APP_PATH}favicon.ico" />
- mysql中，主键与普通索引
一.什么是索引?索引用来快速地寻找那些具有特定值的记录,所有MySQL索引都以B-树的形式保存.如果没有索引,执行查询时MySQL必须从第一个记录开始扫描整个表的所有记录,直至找到符合要求的记录.表里 ...
- 【leetcode】Surrounded Regions
Surrounded Regions Given a 2D board containing 'X' and 'O', capture all regions surrounded by 'X'. A ...
- git日志输出格式及两个版本之间差异列表
查看commit id git log --pretty=format:"%h" git log --pretty=format:"%H" 获取两个版本间差异的 ...