JS small practice code_javascript skills-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

JS small practice code_javascript skills

May 16, 2016 pm 06:59 PM

js practise

There is no html code, only JS code. The small exercises are as follows: (Learned from teacher Chen Zhiwen’s course)
<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>

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn