<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登录界面</title>
<script typt="text/javascript" src="../ext/ext-all.js"></script>
<link rel="stylesheet" href="../ext/resources/css/ext-all.css"/>
</head>
<body>
<div id="dd"></div>
<script typt="text/jjavascript">
Ext.onReady(function () {
/* var getd=Ext.get("dd").dom;/!*获得dom对象*!/
alert("加载完成");*/
/*getCmp函数*/
new Ext.Window({
title:'getCmp函数',
id:'getCmpFunction',
width:500,
height:150,
layout:'form',
items:[{
xtype:'textfield',
id:'username',
fieldLabel:'用户名'
},{
xtype:'datefield',
id:'birth',
format:'Y-m-d',
fieldLabel:'生日'
}],
buttons:[{
text:'保存',
handler:function(){
if(Ext.getCmp("username").getValue()==""){
alert("用户名为空");
return;/*后面的代码不会执行*/
}
alert("用户名是"+Ext.getCmp("username").getValue());
}
},{
text:'修改标题',
handler:function(){
+Ext.getCmp("getCmpFunction").setTitle("标题是:123");
}
},{
text:'Each函数演示',
handler:function(){
var arr=new Array();
for(var i=0;i<30;i++){
arr[i]=i+2;
}
var sum=0;
/*a代表的数组*/
Ext.each(arr,function(v,i,a){
sum+=v;
if(i==4){
return false;
}
});
alert(sum);
}
},{
text:'decode处理',
handler:function(){
var json="{name:'部分王',address:'上海',sex:'男'}";
var j=Ext.JSON.decode(json);
alert(j.name);
var jString=Ext.JSON.encode(j);
alert(jString);
Ext.getCmp("username").setValue(jString);
}
},{
text:'apply函数',
handler:function(){
var old={};/*创建一个空的json对象*/
var news={};
news.name='送悟空',
news.age=1200;
news.address='花果山';
alert(news);
Ext.apply(old,news);
alert(Ext.JSON.encode(old));
}
},{
text:'data函数',
handler:function(){
var birth=Ext.util.Format.date(Ext.getCmp("birth").getValue(),'Y-m-d');
alert("时间是"+birth);
}
}]
}).show();
});
</script>
</body>
</html>