2012-07-05 60 views
3

是否有任何顏色選取器,只有在ExtJS的(而不是在jQuery的)開發的ExtJS(如照相館拾色器)。拾色器的ExtJS的

我使用(Ext.ux.ColorPicker)ux.colorpicker但是,它不能填補我的要求。

感謝, Thanuja。

+0

你有什麼要求? – sha

+0

如果你使用的是extjs 4,你可以看看這個用戶擴展:http://www.sencha.com/forum/showthread.php?205285-ExtJS-4-Color-Tools –

+0

這些選擇器中有一些錯誤分機4.1以上。 –

回答

6

ExtJS有一個簡單的colorpicker。 的xtype: 'colorpicker'

從幫助:

Ext.create('Ext.picker.Color', { 
    value: '993300', // initial selected color 
    renderTo: Ext.getBody(), 
    listeners: { 
     select: function(picker, selColor) { 
      alert(selColor); 
     } 
    } 
    }); 
+1

這很有幫助。 –

2

您也可以看看this one這是比較的Photoshop式的,並與Ext JS的4X +工作,但確實需要畫布的支持。

+0

I [forked this](https://github.com/ryankane/Ext.ux.ColorPicker)做了一些修改,在ExtJS 6中運行良好。 –

0

我意識到這是一個老問題。但是對於那些希望讓這兩個庫玩的很好的人來說......這就是我所做的。在jscolor問題鋪設期望所有與類別「色彩」輸入可用上window.load,其經由jscolor.install()調用。當然,ExtJs元素當時不可用。試試這個:

Ext.create("Ext.form.field.Text",{ 
    renderTo: Ext.getBody(), 
    fieldCls:"color", 
    name:"TestPost", 
    listeners: { 
     afterrender: { 
      delay:200, 
      fn:function(item){ 
       jscolor.init(); 
      } 
     } 
    } 
}); 

運行jscolor.init()將啓動它。如果你喜歡,你可以在jscolor.js文件底部註釋掉jscolor.install()調用,只要你調用jscolor.init()作爲你想要呈現的文本域的渲染後運行的偵聽器你的顏色選擇器。