无废话ExtJs 入门教程四[表单:FormPanel]
来源:互联网 发布:优化公司 编辑:程序博客网 时间:2024/06/04 18:39
继上一节内容,我们在窗体里加了个表单。如下所示代码区的第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: form29 });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:表单提交。
阅读全文
0 0
- 无废话ExtJs 入门教程四[表单:FormPanel]
- 无废话ExtJs 入门教程四[表单:FormPanel]
- ExtJs 入门教程四[表单:FormPanel]
- ExtJs 入门教程四[表单面板:FormPanel]
- 无废话ExtJs 入门教程
- 无废话ExtJs 入门教程一[学习方法]
- 无废话ExtJs 入门教程十七[列表:GridPanel]
- 无废话ExtJs 入门教程一[学习方法]
- 无废话ExtJs 入门教程二[Hello World]
- 无废话ExtJs 入门教程五[文本框:TextField]
- 无废话ExtJs 入门教程六[按钮:Button]
- 无废话ExtJs 入门教程二[Hello World]
- 无废话ExtJs 入门教程五[文本框:TextField]
- 无废话ExtJs 入门教程六[按钮:Button]
- 无废话ExtJs 入门教程二十[数据交互:AJAX]
- 无废话ExtJs 入门教程十三[上传图片:File]
- 无废话ExtJs 入门教程三[窗体:Window组件]
- 无废话ExtJs 入门教程七[登陆窗体Demo:Login]
- ReentrantLock使用
- 同时寻找最大数和最小数的最优算法以及寻找最大的两个数所需的最少比较次数
- eclipse环境下如何配置tomcat
- Celery(2):celery快速上手使用
- 广州妈妈网笔试总结
- 无废话ExtJs 入门教程四[表单:FormPanel]
- 自定义框架(一)
- SEO是什么意思?为什么要做SEO?
- 懒加载的好处
- spring定时任务Quartz多任务配置
- ffmpeg在linux下编译时遇到的错误,以及修正方法
- 数据库索引的作用和优点缺点
- 无废话ExtJs 入门教程五[文本框:TextField]
- HBase伪分布式安装和 hbase shell简单命令使用