Extjs彈框顯示
<!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>