文档章节

EXTJS 颜色

 默认区域
发布于 2016/06/21 08:53
字数 118
阅读 161
收藏 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
海淀
私信 提问
加载中

评论(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.9K
49
Extjs各版本的下载链接,包含ext3.4源码示例

最近在维护一个老平台,用的是ext3.4,老东西在网上找示例发现既然还有人收钱,谷歌了一下总算找到了一位免费的发布的,感谢 yipanbo 分享 Extjs的版本繁多,本文收集了Extjs各个版本的下载链...

osc_kb400h6y
2019/03/13
16
0
ExtJs4.1目录结构介绍和使用说明

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

Junn
2013/01/17
6.3K
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
4.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

Python笔记:pandas中几个好用的函数

pandas是python数据分析常用的库之一!从数据加载到预处理,从数据分析到可视化,pandas提供了一站式服务。而以下这几个聚合统计函数,更是好用! 本文主要讲解pandas中的7个聚合统计相关函数...

tengyulong
13分钟前
7
0
使用“ let”和“ var”有什么区别? - What's the difference between using “let” and “var”?

问题: ECMAScript 6 introduced the let statement . ECMAScript 6引入了let语句 。 I've heard it that it's described as a "local" variable, but I'm still not quite sure how it beh......

javail
今天
17
0
如何将文件重置或还原到特定版本? - How can I reset or revert a file to a specific revision?

问题: I have made some changes to a file which has been committed a few times as part of a group of files, but now want to reset/revert the changes on it back to a previous ver......

fyin1314
今天
24
0
OSChina 周五乱弹 —— 头发和不要头发,你总要选一个

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《雾 缀じた街 ふたつのかげ》- Porkkana 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
49
0
一道 算法题 引发的 ‘xx现场’

请 熟悉的语言 去 验证 在输入框中输入的是否是一个正确的网址 初次读题萌新有点 不知所措的样子一查 MDN 吓一跳 ----- 一个不怎么熟悉的方法跳出眼边URL() 构造函数返回一个新创建的 ...

酒窝yun过去了
今天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部