extjs4.2.1 点滴

Ext.form.field.Text 普通的form 输入框

Ext.form.field.Trigger - 从它开始就具有点击按钮的功能了。输入框最后可以显示多个可写点击事件(onTrigger1..nClick)的按钮（按钮样式：trigger1...nCls）

例：

Ext.onReady(function() {
Ext.define('Ext.ux.TriggerField', {
extend: 'Ext.form.field.Trigger',
alias: 'widget.triggerfield',
trigger1Cls: Ext.baseCSSPrefix + 'form-clear-trigger',
trigger2Cls: Ext.baseCSSPrefix + 'form-search-trigger',
onTrigger1Click : function(){
alert(1);
},
onTrigger2Click : function(){
  alert(2);
},
});

var a=Ext.create('Ext.form.FormPanel', {
renderTo: Ext.getBody(),
items:[{
xtype: 'triggerfield',
fieldLabel : 'TriggerField'
}]
});
a.show();
});

Ext.form.field.Trigger有三个子类：

 
 

  
  Ext.form.field.File
 
 
 
 

  
  Ext.form.field.Picker
 
 
 
 

  
  Ext.form.field.Spinner
 
 

picker：比tigger更强大，可弹出选择窗，选中的值显示在pickerfield中，选择窗消失。如：选时间，月份，日期，颜色，下拉树等

Spinner：可上下点击按既定的步长增减Spinnerfield的值

未完待续。。