文档章节

EXTJS 颜色

 默认区域
发布于 2016/06/21 08:53
字数 118
阅读 9
收藏 0

`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
博文 11
码字总数 1285
作品 0
海淀
私信 提问
Ext JS 6.0.0 正式版本发布,跨浏览器的 RIA 框架

Ext JS 6.0.0 正式版本发布,此版本包括大量的新特性以及错误修复: 新特性: Accessibility (3) EXTJS-12098 Containers should track their children’s focus EXTJS-13606 Floating mixi...

chpinck
2015/07/06
8.6K
49
ExtJs4.1目录结构介绍和使用说明

一、在做ExtJs开发之前首先要到网站上下载ExtJs的开发包,我用的最新版本是4.1.1。此版本相对于之前的版本目录结构发生了一些变化,没有了adapter目录, 目录结构如下 文件/文件夹名的作用:...

Junn
2013/01/17
0
1
FineUI 将不再内置 ExtJS (严格遵守 ExtJS 的开源规则)

从下个版本起,FineUI 将不再内置 ExtJS ,不过我会提供说明如何使用 ExtJS(并单独提供精简版的 ExtJS 包供论坛用户下载),现有的程序升级到新版本将不受影响(只需要将精简版的 extjs 文件...

三生石上
2013/06/01
2.5K
2
ExtJS开发环境的搭建,spket工具安装详解

集成:ExtJS,MyEcplise和Spket。 前提:安装好的myecplise(我用的是MyEcplise10) 步骤: 先安装Spket 1 下载Spket的jar文件,spket-1.6.18.jar 2 将jar文件解压到MyEcplise的dropins文件夹...

day戴
2014/09/04
0
0
ExtJS4.2学习 php版(六)

ExtJS Ext.data.proxy.Memory //定义模型Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'id', type: 'int'}, {name: 'name', type: 'string'}, {name: 'phone', type: '......

lbc19920615
2014/04/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
28分钟前
5
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
29分钟前
3
0
my.ini

1

architect刘源源
45分钟前
4
0
docker dns

There is a opensource application that solves this issue, it's called DNS Proxy Server It's a DNS server that solves containers hostnames, if could not found a hostname that mat......

kut
54分钟前
5
0
寻找数学的广度——《这才是数学》读书笔记2700字

寻找数学的广度——《这才是数学》读书笔记2700字: 文|程哲。数学学习方式之广:国内外数学教育方面的专家,进行了很多种不同的数学学习方式尝试,如数学绘本、数学游戏、数学实验、数学步道...

原创小博客
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部