位置ExtJs拾色器

Question

我正在使用ExtJs拾色器组件。

var cp = Ext.create('Ext.picker.Color', { 
     style: { 
      backgroundColor: "#fff" 
     } , 
     listeners: { 
      scope:me, 
      select: selectColor 
     } 
    }); 

但我不知道如何将颜色选择器放置在屏幕上？

Answer 1

可以在窗口对象封装的颜色成分

它会是这样的

var cp = Ext.create('Ext.picker.Color', { 
     style: { 
      backgroundColor: "#fff" 
     } , 
     listeners: { 
      scope:me, 
      select: selectColor 
     } 
    }); 


    var window = Ext.create('Ext.window.Window', { 
     title: 'Select Color', 
     resizable: false, 
     draggable: false, 
     closeAction: 'hide', 
     width: 150, 
     height: 135, 
     border: false, 
     hidden: true, 
     layout:'fit', 
     floating: true, 
     renderTo: "divCompare", 
     items: [cp] 
    }) 

比你可以使用

win.showat(x,y) 

方法