ExtJS学习笔记四:综合实例登陆框
来源:互联网 发布:视频打码软件 编辑:程序博客网 时间:2024/05/18 04:51
<style type="text/css">
*{
margin:0;
padding:0;
}
.contain{
width:100%;
height:100%;
top:0;
left:0;
}
.center{
width:260px;
height:130px;
margin:20% auto;
}
</style>
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type='text/javascript'>
Ext.onReady(function() {
var panel = new Ext.Panel({
//始终要记住,要想显示你创建的组件,第一要穿件组件,第二要显示
//renderTo:Ext.getBody(),
title:"登 陆",
frame:true,//直角变成圆角,还有其他变化
layout:"form",
labelWidth:45,
defaults:{xtype:"textfield",width:180},
items:[
{fieldLabel:"账 号"},{fieldLabel:"密 码"}
],
buttons:[
{text:"确 定"},{text:"取 消"}
]
});
panel.applyToMarkup(Ext.DomHelper.append(Ext.getBody(),{
tag:"div",
cls:"contain",
cn:[{//我理解的时child-node
tag:"div",
cls:"center"
}]
//true代表返回的时Ext的元素
},true).child("div"));
});
</script>
*{
margin:0;
padding:0;
}
.contain{
width:100%;
height:100%;
top:0;
left:0;
}
.center{
width:260px;
height:130px;
margin:20% auto;
}
</style>
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type='text/javascript'>
Ext.onReady(function() {
var panel = new Ext.Panel({
//始终要记住,要想显示你创建的组件,第一要穿件组件,第二要显示
//renderTo:Ext.getBody(),
title:"登 陆",
frame:true,//直角变成圆角,还有其他变化
layout:"form",
labelWidth:45,
defaults:{xtype:"textfield",width:180},
items:[
{fieldLabel:"账 号"},{fieldLabel:"密 码"}
],
buttons:[
{text:"确 定"},{text:"取 消"}
]
});
panel.applyToMarkup(Ext.DomHelper.append(Ext.getBody(),{
tag:"div",
cls:"contain",
cn:[{//我理解的时child-node
tag:"div",
cls:"center"
}]
//true代表返回的时Ext的元素
},true).child("div"));
});
</script>
- ExtJS学习笔记四:综合实例登陆框
- ExtJs EditGridPanle 综合实例
- ExtJS:学习笔记五:window窗口-登陆
- ExtJs菜单工具栏综合实例
- matlab学习笔记(十五)---综合实例
- ExtJS学习笔记之四------- TabPanel
- Extjs学习笔记(四) 数据代理
- ExtJS学习笔记(四) Datetime控件
- Extjs系列实例四
- (四)ExtJS笔记
- Opencv 学习笔记之膨胀/腐蚀综合实例
- EXTJS学习四
- extJs 2.0学习笔记(Ext.Panel篇四)
- extJs 2.0学习笔记(Ext.Panel篇四)
- ExtJS学习笔记(四)使用树控件TreeNode ,TreeLoader
- extjs学习笔记(四)带分页的grid
- extjs 学习笔记 四 带分页的grid
- extjs实例 ---学习小记
- 无聊中
- C++ 文件的复制、删除、重命名
- android 自定义控件
- Linux Swap交换分区设置
- 对字符串进行加解密的常用方法-对初学者来说是个很好的入门
- ExtJS学习笔记四:综合实例登陆框
- dm365 雪花屏。官方bug。ubl 补丁
- 关于mssql附加数据库出现的问题,错误 5172 :文件‘xxx’的文件头不是有效的数据库文件头。file size不正确。
- 监听home键
- HASHDB:一个简单的KeyValue存储系统原型 .
- 文件系统
- 【学习笔记】Mysql中通过profiling定位query性能瓶颈
- 如何解释泛型
- Taobao分布式文件系统TFS简析 .