首页 > 代码库 > 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