ExtJs学习笔记(16)_Form布局
来源:互联网 发布:如何登陆淘宝网店 编辑:程序博客网 时间:2024/05/18 04:12
ExtJs学习笔记(16)_Form布局
这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例
效果图:
<script type="text/javascript">
Ext.onReady(function() {
var win = new Ext.Window({
title: "form Layout",
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>
Ext.onReady(function() {
var win = new Ext.Window({
title: "form Layout",
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学习笔记(16)_Form布局
- ExtJs学习笔记(17)_Form布局
- ExtJs 布局学习笔记
- ExtJs学习笔记(16)_table布局
- 【ExtJs学习笔记】6.ExtJs布局
- ExtJs学习笔记(12)_Anchor布局
- ExtJs学习笔记(13)_Card布局
- ExtJs学习笔记(15)_Column布局
- ExtJs学习笔记(14)_fit布局
- ExtJs学习笔记(14)_Column布局
- ExtJs学习笔记(15)_fit布局
- ExtJs学习笔记(13)_Card布局
- ExtJs学习笔记(12)_Anchor布局
- ExtJs学习笔记(17)_table布局
- ExtJS学习笔记:复杂页面布局实现
- ExtJs学习笔记(11)_Absolute布局和Accordion布局
- jquery-easyui学习(3)_form
- ExtJs笔记 layout 布局
- JavaScript实现上传照片前的预览
- 滚动条代码大集合
- ExtJs学习笔记(17)_table布局
- jquery checkbox部分全选
- 错误信息: java.lang.NoClassDefFoundError: javax/el/ExpressionFactory
- ExtJs学习笔记(16)_Form布局
- iphone密码存放处
- YUI compressor js,css压缩
- 错误信息:java.lang.NoSuchMethodError: javax.servlet.JSP.PageContext.getELContext()LJAVAx/el/ELContext
- jquery onsubmit 表单提交判断
- (学习笔记)Oracle常用的init.ora参数
- jQuery 循环判断radio checkbox 选项不能空
- mysql优化
- I’m a Web Developer At Heart