这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->
<scripttype="text/javascript">
Ext.onReady(function(){
varwin=newExt.Window({
title:"formLayout",
height:150,
width:230,
plain:true,
bodyStyle:'padding:15px',
items:
{
xtype:"form",
labelWidth:30,
defaultType:"textfield",
frame:true,
items:
[
{
fieldLabel:"姓名",
name:"username",
allowBlank:false
},
{
fieldLabel:"呢称",
name:"nickname"
},
{
fieldLabel:"生日",
xtype:'datefield',
name:"birthday",
width:127
}
]
}
});
win.show();
});
</script>
效果图:
分享到:
相关推荐
ExtJs 教程与实例_学习笔记 1.什么是ExtJs 2....等等
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
16. extJs 2.0学习笔记(Ajax篇) 38 17. extJs 2.0学习笔记(Ext.data序论篇) 39 18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21....
ExtJS实现的用户管理界面,实现了用户的增加功能、修改功能、删除功能、查看工程。还提供了下拉列表选择框进行年龄的选择功能。
16. extJs 2.0学习笔记(Ajax篇) 38 17. extJs 2.0学习笔记(Ext.data序论篇) 39 18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21....
资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
Extjs 5 学习笔记,在网上下载整理好的。
EXTJS实用开发指南_个人整理笔记.pdf
在tapestry中应用extjs的兼容代码
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...
extjs学习笔记, 对应的书籍是extjs in action 没有看完...呵呵
extjs_struts2_整合
EXTJS 学习笔记 ROY EXTJS学习笔记,自己学习的过程,不多但是实用
EXTJS+PHP bs小型房屋管理系统
EXTJS+ASP开发通讯录程序,作为学习EXTJST学习实例
extjs_mvc架构_实例
基于EXTJS+PHP开发的单用户博客系统,值得借签
java web ssh+oracle+extjs4框架编写的简单实例,主要包含表格,新增添加删除
struts2_extjs4.2_swfupload_progressbar实时上传进度条