首页 > 代码库 > Extjs-note
Extjs-note
组件:文本输入框,树形面板,标签面板,工具栏,面板
文本输入框:封装了原生浏览器文本输入表单控件,增加了诸如校验之类的特性
树形面板:以树状形式展示分级数据
主面板:
工具类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();
})
Extjs-note