Extjs-note

Posted 2020-09-23 yugengde

组件：文本输入框，树形面板，标签面板，工具栏，面板

文本输入框：封装了原生浏览器文本输入表单控件，增加了诸如校验之类的特性

树形面板：以树状形式展示分级数据

主面板：

工具类Toolbar类提供了一种展现按钮和菜单等常用UI组件的方法

 

extjs中的核心：

Ajax通信，DOM操作，事件管理器

 

入门小栗子：

var tpl = Ext.create(‘Ext.Template‘,[‘hello {firstname} {lastName}!‘,‘Nice to meet you !‘]);

var formPanel = Ext.create(‘Ext.form.FormPanel‘,{

　　itemId  : ‘formPanel‘,

　　frame: true,

　　layout : ‘anchor‘,

　　defaultType: ‘textfield‘,

　　defaults : {anchor: ‘-10‘,labelWidth: 65},

　　items :[{

　　freldLabel: ‘First name‘,

　　name: ‘firstName‘

},{

　　fieldLabel:‘Last name‘,

　　name : ‘lastName‘

}],

　　buttons:[{text: ‘Submit‘,

　　handler: function(){

　　var formPanel = this.up(‘#formPanel‘),

　　　　vals = formPanel.getValues(),

　　　　greeting = tpl.apply(vals);

　　Ext.Msg.altert(‘Hello‘,greeting);

}

}]

})

 

Ext.onReady(function(){

　　Ext.creat(‘Ext.window.Window‘,{

　　　　height: 125,

　　　　width: 200,

　　　　closable:false,

　　　　layout:‘fit‘,

　　　　items : formPanel

}).show();

})