`
gongmingwind
  • 浏览: 588438 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Ext颜色选择器

    博客分类:
  • Ext
阅读更多
这个控件虽然进行了一次BUG修复但是还是有问题,在IE下还是不稳定,偶尔会有问题。请谨慎使用!!!

这是老外扩展的一个Ext颜色选择器,非常的好用
效果图1:http://dl.iteye.com/upload/attachment/271551/edbcf118-cb6d-3c6c-ac66-1a35c91c8ca4.jpg

效果图2:http://dl.iteye.com/upload/attachment/271555/f575c7f9-27fa-3108-9a7f-46524725445c.jpg

BUG
我在使用的过程中发现这个选择器在 IE有一个bug,找了很久终于找到了修复方法

Hi Bucs,
i test my latest version of control and find, that it works fine in IE7(IE8 compatibility mode), IE8 and FF. Problem as i understand related to vtypes, to fix it, replace code in file Ext.ux.form.ColorPickerFieldPlus

Ext.form.VTypes["hex"] = /^#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$/;


on
Ext.form.VTypes["hex"] = function(v){ return /^#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$/.test(v); };



执行上面的替换后就OK了,哈哈

参考:http://www.sencha.com/forum/showthread.php?65537-Ext.ux.form.ColorPickerFieldPlus&p=333170#post333170



  • 大小: 20.5 KB
  • 大小: 8.4 KB
分享到:
评论
2 楼 zhangliang29 2010-12-22  
这个ext3.3能用不?
1 楼 renzhiwen 2010-12-04  
这个东西怎么用啊,求解!

相关推荐

    extjs之颜色选择器的使用

    在EXTJS 应用中,颜色选择器提供了用户友好的界面,使得用户能够方便地从预设的颜色列表中选取所需的颜色,或者输入自定义的颜色代码。 在EXTJS 中,ColorField 组件通常用于创建表单字段,允许用户选择颜色。它的...

    Extjs颜色选择器选择器

    2. 创建颜色选择器:使用`Ext.create`方法创建一个`Ext.form.ColorField`实例,配置项可能包括`name`(用于标识字段)、`fieldLabel`(显示的标签)和`value`(预设颜色值)等。 3. 渲染组件:将创建的颜色选择器...

    ext 颜色改变组件

    1. **颜色选择器**:组件内通常包含一个颜色选择器,用户可以通过滑块或色板来选取所需颜色。 2. **预设颜色**:提供一组常用颜色供用户快速选择,提高用户体验。 3. **颜色输入框**:用户可以直接输入HEX、RGB或HSV...

    ext实现的超漂亮的颜色控件

    ExtJS的颜色选择器通常基于`Ext.picker.Color`类,它提供了一个可自定义的调色板,用户可以通过滑块或直接输入十六进制颜色代码来选择颜色。这个控件不仅包含了基本的颜色选择功能,还可能包含预设的颜色选项,使得...

    ExtJS颜色选择器(mordern版)

    在实际项目中,开发者可能还需要处理颜色选择器与其他组件的交互,比如将选择的颜色同步到其他元素,或者根据业务需求定制颜色选择器的样式和行为。这通常涉及使用ExtJS的API和事件系统。 总结起来,"ExtJS颜色选择...

    Extjs4 拾色器 颜色选择 ColorPicker

    在ExtJS4中,创建一个颜色选择器可以通过实例化`Ext.picker.Color`类来实现。这个类提供了预设的颜色选项以及一个可交互的调色板,用户可以在其中选择所需颜色。基本的创建代码如下: ```javascript var ...

    Ext3的30款颜色主题

    描述中提到的"这里有30款不同的新主题",意味着用户有多种选择,可以挑选符合自己审美和心情的颜色方案。这不仅包括了传统的深浅色调,也可能包含了各种独特的配色,如暖色、冷色、渐变色等,甚至可能有以特定主题...

    ext 自动生成器自动生成组件

    EXT 自动化生成器是一种强大的开发工具,专为EXT框架设计,旨在提高开发效率并减少重复劳动。EXT是一个流行的JavaScript库,主要用于构建富客户端Web应用,尤其在企业级应用中广泛应用。EXT框架提供了丰富的组件库,...

    Ext组件说明 Ext组件概述

    ColorPalette组件提供了一个颜色选择器,允许用户从预定义的颜色列表中选择颜色。这对于需要用户自定义颜色的应用场景非常有用。 ##### 4. **Container(容器组件)** Container是Ext中用于组织和管理其他组件的...

    Ext中xtype和vtype.

    * colorpalette:一个颜色选择器组件,用于选择颜色。 * component:一个基本的组件,用于定义其他组件的行为和外观。 * container:一个容器组件,用于容纳其他组件。 * cycle:一个循环按钮组件,用于循环选择某些...

    Ext.ux.form.ColorPickerFieldPlus 老外重写调色版

    `Ext.ux.form.ColorPickerFieldPlus` 是一个由老外开发者重写的色彩选择器组件,它扩展了原生的Ext JS库中的`ColorPickerField`控件,为用户提供更加丰富的色彩选取体验。这个组件的目的是为了实现更自由、更接近...

    EXT.form组件

    13. `timefield`:`Ext.form.TimeField`允许用户选择时间,通常与日期字段一起使用,创建日期和时间选择器。 14. `trigger`:`Ext.form.TriggerField`是带有触发按钮的输入字段,如日期字段和下拉选择框。用户点击...

    ext2.0(dateTimeField)

    `dateTimeField`在`ext2.0`中结合了日期选择器和时间选择器的功能,使得用户能够方便地选取精确到小时和分钟的时间点。 `datetime.css`是这个功能的样式表文件,它定义了`dateTimeField`的外观和布局,包括字体、...

    Ext组件描述,各个组件含义

    - **功能描述**:Color Palette 是一个颜色选择器组件,允许用户从预设的颜色调色板中选择颜色。 - **主要用途**:通常用于图形编辑应用或需要用户自定义颜色的应用场景中。 **1.4 Component (Ext.Component)** - ...

    读Ext之十三(Ext元素)

    1. **选择器和获取元素**:通过CSS选择器获取DOM元素,如`Ext.get('elementId')`,这与jQuery的`$(selector)`类似。 2. **属性操作**:设置和获取元素的属性,如`element.set('style', 'color:red')`可以改变元素的...

    EXT tree 使用 实例 最新

    4. **渲染器(Renderer)**:通过定义`renderer`函数,我们可以自定义节点的显示方式,如添加图标、改变颜色等。 5. **事件监听**:EXT Tree支持多种事件,如`itemclick`(点击节点时触发)、`beforeexpand`(节点...

    新版EXT教程

    - **颜色选择器(Color Picker)**:供用户选择颜色值。 #### 四、特效效果 1. **动画效果**:通过添加动画效果增强用户界面的视觉体验,例如淡入淡出、滑动等。 2. **过渡效果**:在界面元素变化时添加平滑过渡...

    FCKEditor与ext结合使用

    FCKeditor(现称为CKEditor)是一款开源的JavaScript富文本编辑器,它提供了丰富的文本格式化选项,如字体、字号、颜色、对齐方式等。FCKeditor支持HTML、CSS、图片上传等功能,允许用户在网页上实现类似Word的文本...

    20个ext2皮肤样式

    20个EXT2皮肤样式可能是指对EXT2文件系统的图形用户界面(GUI)管理工具的外观定制,这些皮肤可能会影响文件管理器的视觉风格,例如图标、颜色方案、布局等。皮肤样式可以提供个性化的用户体验,使用户在管理EXT2...

    Ext Designer Preview3.0汉化版图形界面编辑器

    - **新建项目**:启动Ext Designer,选择合适的模板创建新项目,或者导入现有的Ext JS应用。 - **设计界面**:通过拖放组件到画布上,调整大小和位置,设置属性,如颜色、字体、边距等。 - **添加事件**:在事件...

Global site tag (gtag.js) - Google Analytics