Ext.onReady(function(){ //动画效果 Ext.get('a1').applyStyles({ position:'absolute', top:50, left:50, backgroundColor:'red', width:50, height:50 }).slideIn(); //按钮 var btn = new Ext.Button({ renderTo:Ext.get('a2'), text:'确定', type:'submit', handler:function(){ Ext.Msg.alert('title','message'); } }); //日期控件 var dp = new Ext.DatePicker({ renderTo:Ext.get('a3'), handler:function(){ Ext.Msg.alert('日期',Ext.util.Format.date(this.getValue(),'Y-m-d H:i:s')); } }); //GridPanel var data = [ [1,'长沙市'], [2,'株洲市'], [3,'湘潭市'], [4,'邵阳市'] ]; var proxy = new Ext.data.MemoryProxy(data); var record = new Ext.data.Record.create([ {name:'id',type:'int',mapping:'0'}, {name:'name',type:'string',mapping:'1'} ]); var reader = new Ext.data.ArrayReader({},record); var ds = new Ext.data.Store({ proxy:proxy, reader:reader, autoLoad:true //即时加载数据 }); var cm = new Ext.grid.ColumnModel([ {header:'序号',dataIndex:'id'}, {header:'名称',dataIndex:'name'} ]); var grid = new Ext.grid.GridPanel({ renderTo:Ext.get('a4'), title:'GrodPanel', width:205, height:140, cm:cm, ds:ds }); //ComboBox var combobox = new Ext.form.ComboBox({ renderTo:Ext.get('a5'), emptyText:'请选择湖南城市', store:ds, displayField:'name', valueField:'id', mode:'local', triggerAction:'all' }); btn.handler = function(){ Ext.Msg.alert('值','实际值:' + combobox.getValue() + '显示值:' + combobox.getRawValue()); } }); <body> <center> <div id="a1">slideIn</div> <div id="a2"></div> <div id="a3"></div> <div id="a4"></div> <div id="a5"></div> <div id="a6"></div> </center> </body>