Question

我正在使用ExtJs Color Picker组件。

 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)

方法

位置ExtJs颜色选择器

1 个答案: