侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

EXTJS 颜色

2024-05-13 星期一 / 0 评论 / 0 点赞 / 95 阅读 / 1987 字

`Ext.define('ColorField', {extend:'Ext.form.field.Picker',alias:'widget.colorfield',requires:['Ext.p

`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();                	     	        		                }                	     	        		            }                	     	        		        });                	     	        		    }                	     	        		});`

广告 广告

评论区