EXTJS 颜色
EXTJS 颜色
默认区域 发表于1年前
EXTJS 颜色
  • 发表于 1年前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

`Ext.define('ColorField', { extend:'Ext.form.field.Picker', alias:'widget.colorfield', requires:['Ext.picker.Color'], triggerCls:'x-form-color-trigger', createPicker:function () { var me = this; return Ext.create('Ext.picker.Color', { pickerField:me, renderTo:document.body, floating:true, hidden:true, focusOnShow:true, listeners:{ select:function (picker, selColor) {

                	     	        		                    // 实现根据选择的颜色来改变背景颜色,根据背景颜色改变字体颜色,防止看不到值
                	     	        		                   
                	     	        		                    var r = parseInt(selColor.substring(0,2),16);
                	     	        		                    var g = parseInt(selColor.substring(2,4),16);
                	     	        		                    var b = parseInt(selColor.substring(4,6),16);
                	     	        		                   me.setValue("("+r+","+g+","+b+")");
                	     	        		                    var a = new Ext.draw.Color(r,g,b);
                	     	        		                    var l = a.getHSL()[2];                  
                	     	        		                    if (l > 0.5) {
                	     	        		                        me.setFieldStyle('background:#' + selColor + ';color:#000000');
                	     	        		                    }
                	     	        		                    else{
                	     	        		                        me.setFieldStyle('background:#' + selColor + ';color:#FFFFFF');
                	     	        		                    }
                	     	        		                   picker.hide();
                	     	        		                }
                	     	        		            }
                	     	        		        });
                	     	        		    }
                	     	        		});`
共有 人打赏支持
粉丝 0
博文 8
码字总数 1285
×
默认区域
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: