文档章节

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
海淀
ExtJs4.1目录结构介绍和使用说明

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

Junn
2013/01/17
0
1
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
Eclipse开发Javascript环境配置(含EXTJs配置) 转载

有三种Javascript编辑器可供选择: 1. JSDT 2. JSEclipse 3. Spket 分别介绍这三种插件的安装: 1. JSDT 是WPT自带的插件 只要装了WTP就不用单独安装JSDT了。也可以从这里了解JSDT的一些信息...

晨曦之光
2012/03/24
0
0
Extjs GridPanel用法详解

创建GridPanel 要使用GridPanel,首先要定义Store,而在创建Store的时候必须要有Model,因此我们首先来定义Model: //1.定义ModelExt.define("MyApp.model.User", { }); 然后创建Store: //...

鱼煎
2017/11/02
0
0
Extjs Window用法详解

创建Extjs Window 创建Extjs Window的代码如下: //创建windowvar win = Ext.create("Ext.window.Window", { }); 代码中的Form可以参考《Extjs Form用法详解》。显示效果如下: 显示Extjs W...

鱼煎
2017/11/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

《Netkiller Java 手札》· 二进制文件操作大全

本文节选自《Netkiller Java 手札》 Netkiller Java 手札 Mr. Neo Chan, 陈景峯(BG7NYT) 中国广东省深圳市望海路半岛城邦三期 518067 +86 13113668890 <netkiller@msn.com> $Id: book.xml 6......

netkiller-
17分钟前
0
0
Fiddler Debugger post请求

常用的两种: 第一种默认的 对应URL为www 的要用请求头为:Content-Type: application/x-www-form-urlencoded 请求参数为 :param1=1234¶m2=12345 注:有些接口是指定用这种的第二方式并不...

轻量级赤影
24分钟前
1
0
如何搭建母婴亲子类知识社区

近期社交领域融资动作频繁,海尔高管、海尔医疗有限公司总裁管礼庆创办的母婴知识分享社区平台Alwayslove于上月获得700万天使轮融资。 Alwayslove是一个母婴知识分享社区平台,采用UGC模式,...

ThinkSNS账号
26分钟前
0
0
Android 自定义构建类型 BuildType

最近接触到自定义构建类型 BuildType,发现这一块有些地方稍不注意的话会被绕进去浪费点时间,既然我这边已经花费时间了,如果正好你也需要接触到 BuildType,也许接下来分享的 tips 可能会帮...

猴亮屏
28分钟前
1
0
美团点评基于 Flink 的实时数仓建设实践

引言 近些年,企业对数据服务实时化服务的需求日益增多。本文整理了常见实时数据组件的性能特点和适用场景,介绍了美团如何通过 Flink 引擎构建实时数据仓库,从而提供高效、稳健的实时数据服...

美团技术团队
31分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部