ExtJS5学习笔记.docVIP

2015年6月7日16:18:08 html head titleHello Extjs5/title link rel=stylesheet type=text/css href=ext-theme-neptune/build/resources/ext-theme-neptune-all.css script type=text/javascript src=ext-all.js/script script type=text/javascript src=ext-theme-neptune/build/ext-theme-neptune.js/script /head body script Ext.onReady(function () { Ext.MessageBox.alert(标题, Hello World!); }); /script /body /html 说明： (1)Ext.onReady():ExtJS Application的入口...就相当于Java或C#的main函数. (2)Ext.MessageBox.alert()：弹出对话框。2015年6月7日16:22:40 html head titleHello Extjs5/title link rel=stylesheet type=text/css href=ext-theme-neptune/build/resources/ext-theme-neptune-all.css script type=text/javascript src=ext-all.js/script script type=text/javascript src=ext-theme-neptune/build/ext-theme-neptune.js/script style type=text/css .x-form-unit { height: 22px; line-height: 22px; padding-left: 2px; display: inline-block; display: inline; } /style !-- script type=text/javascript src=hellowword.js/script -- /head body script Ext.require([ Ext.form.*, Ext.layout.container.Absolute, Ext.window.Window ]); Ext.onReady(function() { var form = Ext.create(Ext.form.Panel, { layout: absolute, url: save-form.php, defaultType: textfield, border: false, items: [{ fieldLabel: Send To, fieldWidth: 60, msgTarget: side, allowBlank: false, vtype: email, x: 5, y: 5, name: to, anchor: -5 // anchor width by right offset }, { fieldLabel: Subject, fieldWidth: 60, x: 5, y: 35, name: subject, anchor: -5 // anchor width by right offset }, { x:5, y: 65, xtype: textarea,