文档章节

EXTJS 颜色

 默认区域
发布于 2016/06/21 08:53
字数 118
阅读 9
收藏 0
点赞 0
评论 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
博文 8
码字总数 1285
作品 0
海淀
ZooKeeper 可视化工具 - ZooHelper

ZooHelper 一款基于 PHP + ExtJS 开发的 ZooKeeper 可视化工具 工具特性 树形展示znode节点 支持znode节点CURD操作 下载地址 https://github.com/yoonper/ZooHelper 环境要求 Linux PHP >= 5...

YoonPer ⋅ 05/28 ⋅ 0

ExtJS对类型为xtype:button的按钮进行不可用置灰的设置

在项目中会根据业务需要对页面中的组件进行各种操作,比如隐藏、改变组件显示名称、可用不可用等。今天介绍下如何使用ExtJS对xtype:button的按钮进行可用和不可用的设置。 页面中xtype:butto...

laowang2915 ⋅ 05/31 ⋅ 0

物联网和前端技术,两者相辅相成并且互相促进 —— 阿里云 MVP 黄强专访

黄强,江苏智慧新吴信息科技有限公司 ,前端架构师。 一直从事前端开发,从 jQuery,ExtJs,Backbone、Angular 到 React 一路走来,深入实践不同业务领域的前端平台架构,致力于前端工程化和...

花肉酱 ⋅ 04/20 ⋅ 0

JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒 ⋅ 05/10 ⋅ 0

创业还差一个程序员?也许你只是没找对方法 —— 南京云栖大会 Tech Insight 创业公司的窘境和解法

你也许经常听到一些人说:”我有一个创业的点子,就差一个程序员了“,也许隔三差五就有人向你打听,哪里能挖到最合适的程序员? 创业是一个永恒的话题,技术人才紧缺也是一个永恒的话题。面...

花肉酱 ⋅ 04/23 ⋅ 0

docker的nginx怎么和php-fpm结合?

我创建了两个docker分别是nginx和php-fpm nginx自己配置成功了(静态文件能访问),但是php文件报错 这个错误!!!!!不是php写的不对,,,,,,不明所以啊 这是 nginx的 的配置 下面的是 在php-fpm容器...

1514582970 ⋅ 02/07 ⋅ 0

Maven的本地仓库、中心仓库、私服(NEW)

本地仓库 设置本地仓库到指定目录,而不使用Maven默认的配置(默认放在C:/user/m2.目录下) 打开Maven的解压目录E:softapache-maven-3.1.0conf,修改settings.xml 配置localRepository即可完...

SuShine ⋅ 05/23 ⋅ 0

Extjs 框架如何在css设置labelWidth,并且生效

现在有个语言切换功能,中文四个字(用户管理),宽度60,英文可能就是(User Manage),宽度需要100,同一个js文件,如何设置宽度,就是中英版宽度随语言切换而改变

wang0010 ⋅ 05/05 ⋅ 0

给你一个整型数组(索引从0到n-1,其中n是这个数组的大小,值从0到10000)和一个查询列表。对于每个查询,给你一个整数,返回数组中小于给定整数的元素数。

public static List<Integer> countOfSmallerNumber(int[] A, int[] queries) { List<Integer> result = new ArrayList<Integer>(queries.length); int step =20; if(A!=null && A.length>1)......

一览无余 ⋅ 02/07 ⋅ 0

两个数组A,B取差的绝对值的最小值,性能有待测试

public int smallestDifference(int[] A, int[] B) { //希尔排序数组B int step =50; if(B!=null && B.length>1){ step = step/2; while(step>0){ for(int i =step;i< B.length;i++){ int ke......

一览无余 ⋅ 02/07 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

RabbitMQ学习以及与Spring的集成(三)

本文介绍RabbitMQ与Spring的简单集成以及消息的发送和接收。 在RabbitMQ的Spring配置文件中,首先需要增加命名空间。 xmlns:rabbit="http://www.springframework.org/schema/rabbit" 其次是模...

onedotdot ⋅ 26分钟前 ⋅ 0

JAVA实现仿微信红包分配规则

最近过年发红包拜年成为一种新的潮流,作为程序猿对算法的好奇远远要大于对红包的好奇,这里介绍一种自己想到的一种随机红包分配策略,还请大家多多指教。 算法介绍 一、红包金额限制 对于微...

小致dad ⋅ 38分钟前 ⋅ 0

Python 数电表格格式化 xlutils xlwt xlrd的使用

需要安装 xlutils xlwt xlrd 格式化前 格式化后 代码 先copy读取的表格,然后按照一定的规则修改,将昵称中的学号提取出来替换昵称即可 from xlrd import open_workbookfrom xlutils.copy ...

阿豪boy ⋅ 今天 ⋅ 0

面试题:使用rand5()生成rand7()

前言 读研究生这3 年,思维与本科相比变化挺大的,这几年除了看论文、设计方案,更重要的是学会注重先思考、再实现,感觉更加成熟吧,不再像个小P孩,人年轻时总会心高气傲。有1 道面试题:给...

初雪之音 ⋅ 今天 ⋅ 0

Docker Toolbox Looks like something went wrong

Docker Toolbox 重新安装后提示错误:Looks like something went wrong in step ´Checking if machine default exists´ 控制面板-->程序与应用-->启用或关闭windows功能:找到Hyper-V,如果处......

随你疯 ⋅ 今天 ⋅ 0

Guacamole 远程桌面

本文将Apache的guacamole服务的部署和应用,http://guacamole.apache.org/doc/gug/ 该链接下有全部相关知识的英文文档,如果水平ok,可以去这里仔细查看。 一、简介 Apache Guacamole 是无客...

千里明月 ⋅ 今天 ⋅ 0

nagios 安装

Nagios简介:监控网络并排除网络故障的工具:nagios,Ntop,OpenVAS,OCS,OSSIM等开源监控工具。 可以实现对网络上的服务器进行全面的监控,包括服务(apache、mysql、ntp、ftp、disk、qmail和h...

寰宇01 ⋅ 今天 ⋅ 0

AngularDart注意事项

默认情况下创建Dart项目应出现以下列表: 有时会因为不知明的原因导致列表项缺失: 此时可以通过以下步骤解决: 1.创建项目涉及到的包:stagehand 2.执行pub global activate stagehand或pub...

scooplol ⋅ 今天 ⋅ 0

Java Web如何操作Cookie的添加修改和删除

创建Cookie对象 Cookie cookie = new Cookie("id", "1"); 修改Cookie值 cookie.setValue("2"); 设置Cookie有效期和删除Cookie cookie.setMaxAge(24*60*60); // Cookie有效时间 co......

二营长意大利炮 ⋅ 今天 ⋅ 0

【每天一个JQuery特效】淡入淡出显示或隐藏窗口

我是JQuery新手爱好者,有时间就练练代码,防止手生,争取每天一个JQuery练习,在这个博客记录下学习的笔记。 本特效主要采用fadeIn()和fadeOut()方法显示淡入淡出的显示效果显示或隐藏元...

Rhymo-Wu ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部