Ext 颜色选择器使用

1. Ext.onReady( function() {  
2.         var colorShowId = '';  
3.         var colorWin = new Ext.Window( {  
4.             border :0,  
5.             frame:false,  
6.             closeAction :'hide',  
7.             closable :false,  
8.             resizable :false,  
9.             width :100,  
10.             height :80,  
11.             items : [   
12.                       {  
13.                           xtype:'colorpicker',  
14.                           listeners: {  
15.                                 select: function(picker, selColor) {  
16.                                       var color = '#' + selColor;  
17.                                     // alert(colorShowId+','+color);  
18.                                         Ext.getDom(colorShowId).style.background = color;  
19.                                         colorWin.hide();   
20.                                 }  
21.                             }  
22.                       }  
23.              ]  
24.         }) ;  
25.         function showColor(id) {  
26.             colorShowId = id;  
27.             var colorText = Ext.getCmp(id);  
28.             colorWin.x = colorText.getPosition()[0] + colorText.getWidth();  
29.             colorWin.y = colorText.getPosition()[1];  
30.             colorWin.show();  
31.         }  
32.            
33.         var form = Ext.create('Ext.form.Panel',{   
34.             width:200,  
35.             buttons: [{  
36.                 text: '',  
37.                 id:'bb',  
38.                 style:'background:red',  
39.                 handler: function(btn) {  
40.                     showColor('bb');  
41.                 }  
42.             } ],  
43.             renderTo:Ext.getBody()  
44.         });   
45.            
46.     })  

一：定义form，form里面有个button，button的click方法显示颜色选择器 
二：颜色选择器放在window里 
三：选择颜色后改变button的背景色