一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JS之小練習代碼

沒有html代碼,只有JS代碼,小練習內容如下:(從陳治文老師的課程中學到)
<script>
Ext.onReady(function(){
// Ext.Msg.alert("系統提示(thtwinj2ee)","環境配置正確!") ;
var myPosition = Ext.data.Record.create(
[{name:"position"}]
) ;//返回一個function
new Ext.Window({
title:"測試用窗口(絕不裸奔)",
width:550,
height:370,
labelWidth:70,
plain:true ,
layout:"form",
defaults:{anchor:"95%"},
// buttonAlign:"center",
items:
[
{
layout:"column",
baseCls:"x-plain",
style:"padding:8px",
items:
[
{
columnWidth:.5,
layout:"form",
baseCls:"x-plain",
labelWidth:70,
defaults:{width:150},
defaultType:"textfield",
items:
[
{
fieldLabel:"姓名"
},
{
fieldLabel:"年齡",
value:23,
readOnly:true
},
{
xtype:"datefield",
format:"Y-m-d",
value:"1986-11-16",
readOnly:true,
fieldLabel:"出生日期",
listeners:
{
"blur":function(_df)
{
var _age = _df.ownerCt.findByType("textfield")[1] ;
_age.setValue(new Date().getFullYear() - _df.getValue().getFullYear() + 1) ;
}
}
},
{
fieldLabel:"聯系電話"
},
{
fieldLabel:"手機號碼"
},
{
fieldLabel:"電子郵件"
},
{
xtype:"combo",
fieldLabel:"性別",
readOnly:true,
displayField:"sex",
value:"男",
triggerAction:"all",
mode:"local",
store:new Ext.data.SimpleStore
(
{
fields:["sex"],
data:[["男"],["女"]]
}
)
}
]
},
{
columnWidth:.5,
layout:"form",
baseCls:"x-plain",
labelWidth:55,
items:
[
{
xtype:"textfield",
width:185,
height:178,
fieldLabel:"個人頭像",
inputType:"image"
}
]
}
]
},
{
layout:"form",
baseCls:"x-plain",
style:"padding:2px,8px,8px,8px",
defaultType:"textfield",
labelWidth:71,
items:
[
{
fieldLabel:"身份證號碼",
width:415
},
{
fieldLabel:"具體住址",
width:415
}
]
},
{
layout:"column",
baseCls:"x-plain",
style:"padding:2px,8px,8px,8px",
items:
[
{
columnWidth:.4,
layout:"form",
baseCls:"x-plain",
labelWidth:70,
items:
[
{
xtype:"combo",
readOnly:true,
mode:"local",
triggerAction:"all",
displayField:"position",
width:100,
fieldLabel:"職稱",
value:"初級程序員",
store:new Ext.data.SimpleStore
(
{
fields:["position"],
data:[["中級程序員"],["高級程序員"],["項目經理"]]
}
)
}
]
},
{
columnWidth:.2,
layout:"form",
baseCls:"x-plain",
items:
[
{
xtype:"button",
text:"添加職位",
handler:function()
{
var _window = this.ownerCt.ownerCt.ownerCt ;
var _position = _window.findByType("combo")[1] ;
Ext.Msg.prompt
(
"添加職位",
"請輸入將要添加的職位內容",
function(_btn,_text)
{
if(_btn == "ok")
{
var _store = this.store ;
_store.insert(0,new myPosition({position:_text})) ;
this.setValue(_text) ;
}
}, _position //用來代替前面function()中的this對象
);
}
}
]
},
{
columnWidth:.2,
layout:"form",
baseCls:"x-plain",
items:
[
{
xtype:"button",
text:"修改職位",
handler:function()
{
var _window = this.ownerCt.ownerCt.ownerCt ;
var _position = _window.findByType("combo")[1] ;
Ext.Msg.prompt(
"修改職位(絕不裸奔)",
"請輸入你將要修改的內容:",
function(_btn,_text)
{
if(_btn == "ok")
{
this.setValue(_text) ;
}
},
_position,
false,
_position.getValue()
) ;
}
}
]
},
{
columnWidth:.2,
layout:"form",
baseCls:"x-plain",
items:
[
{
xtype:"button",
text:"刪除職位",
handler:function()
{
var _window = this.ownerCt.ownerCt.ownerCt ;
var _position = _window.findByType("combo")[1] ;
Ext.Msg.confirm
(
"警告(thtwinj2ee)",
"你真的要刪除該項內容嗎?",
function(_btn)
{
if(_btn == "yes")
{
this.store.remove(this["selectItem"]) ;
if(this.store.getCount() != 0)
{
this.setValue(this.store.getAt(0).get("position")) ;
this["selectItem"] = this.store.getAt(0).get("position") ;
}
}
},
_position
) ;
}
}
]
}
]
}
],
listeners:
{
"show":function(_window)
{
_window.findByType("textfield")[5].getEl().dom.src = "02.jpg" ;
}
},
buttons:
[
{
text:"確定"
},
{
text:"取消"
}
]
}).show() ;
}) ;
</script>

JavaScript技術JS之小練習代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 黄址在线观看 | 美女被男人桶到嗷嗷叫爽网站 | 色呦色呦色精品 | 国产视频福利 | 国产大片好看免费播放 | 玖玖爱视频在线 | 好吊操在线观看 | 一级做a爰片久久毛片美女 一级做a爰片久久毛片人呢 | 国产手机国产手机在线 | 国产精品天天看特色大片不卡 | 久久免费视屏 | 99精品福利视频 | 伊人久久综在合线亚洲不卡 | 视频一区 中文字幕 | 精品久久久影院 | 亚洲欧美日韩国产一区二区三区精品 | 手机亚洲第1页 | 国产91精品久久久久999 | 牛牛本精品99久久精品88m | 国产高清区 | 色哟哟网站在线观看 | 超人碰碰碰人人成碰人 | 香蕉久久国产 | 中文字幕在线视频第一页 | 色多多网站入口 | 久久精品综合视频 | 在线视频成人 | 国产综合色在线视频区 | 国产偷2018在线观看午夜 | 国产免费午夜高清 | 综合久久伊人 | 国产精品极品美女自在线 | 欧美91精品久久久久网免费 | 免费大学生国产在线观看p 免费的成人a视频在线观看 | 15p亚洲 | 4hu44四虎在线观看 | 色婷婷久久免费网站 | 国产成人福利美女观看视频 | 一级做a爰片久久毛片武则天 | 天天综合天天色 | 久久久久久亚洲精品中文字幕 |