|
|
@ -150,197 +150,3 @@ Ext.define('Ext.ux.form.field.ColorCombo', { |
|
|
|
return data; |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
/** |
|
|
|
Ext.define('Ext.ux.ColorPickerCombo', { |
|
|
|
extend: 'Ext.form.field.Trigger', |
|
|
|
alias: 'widget.colorcbo', |
|
|
|
initComponent: function(){ |
|
|
|
console.log("INIT"); |
|
|
|
this.my_value = "pee"; |
|
|
|
console.log(this.getValue); |
|
|
|
console.log(this.rawToValue(this.processRawValue(this.getRawValue()))); |
|
|
|
console.log("hmmm"); |
|
|
|
}, |
|
|
|
getSubmitValue: function(){ |
|
|
|
console.log("GETTING SUBMIT VALUE"); |
|
|
|
}, |
|
|
|
getSubmitData: function(){ |
|
|
|
console.log("GETTING SUBMIT DATA VALUE"); |
|
|
|
} |
|
|
|
}); |
|
|
|
*/ |
|
|
|
/** |
|
|
|
Ext.define('Ext.ux.ColorPickerCombo', { |
|
|
|
extend: 'Ext.form.field.Trigger', |
|
|
|
mixins: { |
|
|
|
field:'Ext.form.field.Field' |
|
|
|
}, |
|
|
|
alias: 'widget.colorcbo', |
|
|
|
triggerTip: 'Please select a color.', |
|
|
|
picker: null, |
|
|
|
initComponent: function(){ |
|
|
|
console.log("INIT"); |
|
|
|
var me = this; |
|
|
|
console.log(me); |
|
|
|
me.picker = Ext.create('Ext.picker.Color', { |
|
|
|
renderTo: document.body, |
|
|
|
floating: true, |
|
|
|
hidden: false, |
|
|
|
style: { |
|
|
|
backgroundColor: "#fff" |
|
|
|
} , |
|
|
|
listeners: { |
|
|
|
scope:this, |
|
|
|
select: function(field, value, opts){ |
|
|
|
console.log(me.originalValue); |
|
|
|
console.log(value); |
|
|
|
me.setValue(value); |
|
|
|
me.setRawValue(value); |
|
|
|
me.setFieldStyle("background-color:#"+value+";"); |
|
|
|
me.picker.hide(); |
|
|
|
console.log("input el"); |
|
|
|
console.log(me.inputEl); |
|
|
|
//$("#"+me.getInputId()).val(value);
|
|
|
|
console.log("owner"); |
|
|
|
console.log(me.picker.ownerCt); |
|
|
|
console.log(me.getValue()); |
|
|
|
me.my_value = value; |
|
|
|
console.log("my_value"); |
|
|
|
console.log(this.my_value); |
|
|
|
console.log(this.getValue); |
|
|
|
}, |
|
|
|
show: function(field,opts){ |
|
|
|
console.log("show"); |
|
|
|
//field.getEl().monitorMouseLeave(500, field.hide, field);
|
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
//me.picker.hide();
|
|
|
|
console.log(me.picker.ownerCt); |
|
|
|
}, |
|
|
|
onTriggerClick: function() { |
|
|
|
var me = this; |
|
|
|
me.picker.alignTo(me.inputEl, 'tl-bl?'); |
|
|
|
//me.picker.show(me.inputEl);
|
|
|
|
}, |
|
|
|
getValue: function(){ |
|
|
|
console.log("GETTING VALUE"); |
|
|
|
var me = this, |
|
|
|
val = me.rawToValue(me.processRawValue(me.getRawValue())); |
|
|
|
me.value = val; |
|
|
|
return val; |
|
|
|
} |
|
|
|
});*/ |
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
Ext.define('Ext.ux.ColorPickerCombo', { |
|
|
|
extend: 'Ext.form.field.Trigger', |
|
|
|
alias: 'widget.colorcbo', |
|
|
|
triggerTip: 'Please select a color.', |
|
|
|
myvalue: null, |
|
|
|
initComponent: function(){ |
|
|
|
console.log("INIT"); |
|
|
|
console.log(this); |
|
|
|
}, |
|
|
|
onTriggerClick: function() { |
|
|
|
var me = this; |
|
|
|
picker = Ext.create('Ext.picker.Color', { |
|
|
|
pickerField: this, |
|
|
|
ownerCt: this, |
|
|
|
renderTo: document.body, |
|
|
|
floating: true, |
|
|
|
hidden: true, |
|
|
|
focusOnShow: true, |
|
|
|
style: { |
|
|
|
backgroundColor: "#fff" |
|
|
|
} , |
|
|
|
listeners: { |
|
|
|
scope:this, |
|
|
|
select: function(field, value, opts){ |
|
|
|
me.setRawValue(value); |
|
|
|
me.resetOriginalValue(value); |
|
|
|
me.myvalue = value; |
|
|
|
me.inputEl.setStyle({backgroundColor:value}); |
|
|
|
picker.hide(); |
|
|
|
me.focus(true); |
|
|
|
}, |
|
|
|
show: function(field,opts){ |
|
|
|
field.getEl().monitorMouseLeave(500, field.hide, field); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
picker.alignTo(me.inputEl, 'tl-bl?'); |
|
|
|
picker.show(me.inputEl); |
|
|
|
picker.on('on', function(){ |
|
|
|
var me = this; |
|
|
|
me.fireEvent('blur', me, e); |
|
|
|
}, me); |
|
|
|
}, |
|
|
|
getValue: function(){ |
|
|
|
console.log("GETTING VALUE"); |
|
|
|
console.log(this.myvalue); |
|
|
|
console.log(this.inputEl.getValue()); |
|
|
|
var me = this, |
|
|
|
val = this.myvalue || me.rawToValue(me.processRawValue(me.getRawValue())); |
|
|
|
me.value = val; |
|
|
|
return val; |
|
|
|
} |
|
|
|
});*/ |
|
|
|
/** |
|
|
|
Ext.define('Ext.ux.ColorPickerCombo', { |
|
|
|
extend: 'Ext.form.FieldContainer', |
|
|
|
mixins:{ |
|
|
|
field:'Ext.form.field.Field' |
|
|
|
}, |
|
|
|
alias: 'widget.colorcbo', |
|
|
|
|
|
|
|
//configurables
|
|
|
|
combineErrors: true, |
|
|
|
msgTarget: 'under', |
|
|
|
layout: 'hbox', |
|
|
|
readOnly: false, |
|
|
|
|
|
|
|
initComponent: function() { |
|
|
|
var me = this; |
|
|
|
console.log(me); |
|
|
|
me.picker = Ext.create('Ext.picker.Color', { |
|
|
|
pickerField: this, |
|
|
|
ownerCt: this, |
|
|
|
renderTo: document.body, |
|
|
|
floating: true, |
|
|
|
hidden: true, |
|
|
|
focusOnShow: true, |
|
|
|
style: { |
|
|
|
backgroundColor: "#fff" |
|
|
|
}, |
|
|
|
listeners: { |
|
|
|
scope:this, |
|
|
|
select: function(field, value, opts){ |
|
|
|
me.setValue(value); |
|
|
|
me.inputEl.setStyle({backgroundColor:value}); |
|
|
|
me.picker.hide(); |
|
|
|
}, |
|
|
|
show: function(field,opts){ |
|
|
|
field.getEl().monitorMouseLeave(500, field.hide, field); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
me.callParent(); |
|
|
|
//picker.alignTo(me.inputEl, 'tl-bl?');
|
|
|
|
//picker.show(me.inputEl);
|
|
|
|
// this dummy is necessary because Ext.Editor will not check whether an inputEl is present or not
|
|
|
|
this.inputEl = { |
|
|
|
dom: document.createElement('div'), |
|
|
|
swallowEvent:function(){} |
|
|
|
}; |
|
|
|
|
|
|
|
me.initField(); |
|
|
|
}, |
|
|
|
|
|
|
|
focus:function(){ |
|
|
|
this.callParent(arguments); |
|
|
|
this.picker.focus(); |
|
|
|
} |
|
|
|
});*/ |
|
|
|