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

在Ext中使用dhtmlxColorPicker被Window窗口覆盖解决方法

    博客分类:
  • Ext
阅读更多
Window中的dhtmlxColorPicker 颜色选择器控件在弹出时被覆盖的原因是:
dhtmlxColorPicker 的z-index 值比Window窗口的z-index 小。

解决方法:在初始话dhtmlxColorPicker时设置z-index 大于window的z-index

在dhtmlxcolorpicker.js中添加新方法:setZindex
dhtmlXColorPicker.prototype.setZindex = function(zIndex)
{ 
  this.container.style.zIndex=zIndex;
}


初始化dhtmlxColorPicker 控件的方法如下:

//初始化颜色选择器
var myCP1 = new dhtmlXColorPickerInput('dhtmlxreplaceColor');
myCP1.setImagePath("/webmaster/dhtmlxColorPicker/codebase/imgs/");
myCP1.setOnSelectHandler(function (color) {
		        //some code
		        //alert(color);
});
var zIndex = index.adGroupWin.getEl().dom.style.zIndex;
alert(zIndex)
myCP1.setZindex(parseInt(zIndex)+1);
myCP1.init();


关键代码:
获得window的z-index 和设置颜色选择器的z-index

var zIndex = index.adGroupWin.getEl().dom.style.zIndex;
myCP1.setZindex(parseInt(zIndex)+1);
分享到:
评论

相关推荐

    Ext window的使用

    Ext.Window是Ext JS中的一个类,继承自Ext.container.Container,它创建了一个可以在页面上自由移动和调整大小的浮动窗口。窗口通常用作模态对话框、信息提示或其他需要用户交互的场景。 2. **创建一个基本的Ext....

    一个简单的Ext.Window中插入图片的例子

    此外,提供的`一个简单的Ext.Window中插入图片.doc`文件可能包含更详细的步骤或示例代码,建议查阅该文档以获取更深入的理解。记住,实践是最好的老师,动手尝试并根据项目需求进行调整,你将更加熟练地掌握在`Ext....

    Ext-window属性

    当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`Window`相关的属性的详细解释: 1. **activeItem**: 这个属性用于指定当前活动的子组件,可以是子组件的序号...

    Ext.window从右下角弹出/隐藏

    本文将详细探讨如何在ExtJS中实现一个窗口(`Ext.window`)从右下角动态弹出并隐藏的功能,类似于即时通讯软件(如MSN)中的登录提醒。 #### 二、关键技术点 ##### 1. **自定义窗口类** 为了实现上述需求,首先...

    Extjs使用Window最小化窗口

    然后,添加一个工具栏(Toolbar)到Window中,包含一个最小化按钮。当用户点击这个按钮时,触发一个事件,该事件会改变Window的状态,将其隐藏或者调整大小到一个最小化的尺寸。 具体步骤如下: 1. **创建Window**...

    ext 仿window 界面

    "ext 仿window 界面"指的是使用EXTJS 框架来创建类似于Windows桌面操作系统的用户界面,提供一种熟悉且直观的交互体验。这种设计方式可以使Web应用在视觉上更接近本地应用,提高用户的使用舒适度。 EXTJS 提供了...

    EXT dojochina Ext类静态方法.rar

    EXT dojochina Ext类静态方法是一个关于EXT框架在JavaScript中的使用的主题,主要聚焦于Ext类的静态方法。EXT是一个强大的前端开发框架,由Sencha公司开发,它提供了丰富的组件库,用于构建复杂的Web应用程序。在EXT...

    Ext_Window用法

    Ext_Window用法

    各种弹出窗口 ext窗口

    了解这些概念后,你可以结合压缩包中的 "EXT" 和 "JS窗口" 文件进一步研究和实践如何在你的项目中使用 EXT 2.0 MessageBox 和 JavaScript 弹出窗口。这可能包括查看示例代码、调整样式和行为,以及学习如何集成到...

    extjs3 window窗口修改完退出提示是否保存

    在EXTJS3中,开发Web应用时经常需要创建可弹出的窗口(Window)来处理用户的交互操作,例如编辑、查看或确认等。本话题主要关注如何在EXTJS3的Window组件中实现一个功能:当用户在窗口内修改了数据后,关闭窗口时...

    Ext下解决无弹出窗口的设计办法.docx

    在Ext JS框架中,开发人员经常遇到需要在页面中实现各种交互设计,其中包括弹出窗口的使用。然而,有些情况下,弹出窗口可能并不符合用户的使用习惯或设计美学,因此寻找替代方案变得必要。本文将探讨如何在Ext环境...

    ext教程、ext核心API 、ext中文教程

    在压缩包中的"EXT教程"文件,可能包含了从入门到进阶的各类教程文章,覆盖了EXT的基本概念、组件使用、布局配置、数据绑定等多个方面。通过阅读这些教程,你可以逐步掌握EXT的开发技巧,从而构建出专业级别的Web应用...

    ExtJs4.2 Window常用方法

    在ExtJs 4.2版本中,`Window`组件是一个非常基础且重要的UI组件,它为开发者提供了一个灵活的弹出窗口解决方案。通过合理的配置,可以轻松实现各种弹出窗体的需求。 ### 配置属性详解 #### plain - **默认值**:`...

    在windows下使用Ext2Fsd访问EXT4分区

    在Windows操作系统中,由于默认不支持Linux文件系统如EXT4,因此无法直接读取或写入EXT4格式的分区。但有一些第三方工具可以帮助我们解决这个问题,其中之一就是Ext2Fsd。Ext2Fsd是一个免费的开源软件,专门设计用于...

    在EXT中使用FCKEditor编辑器例子

    FCKEditor通常会被封装成一个EXT组件,以便在EXT的布局中使用。这涉及到创建一个新的EXT类,继承自EXT的基础组件,并实现与FCKEditor交互的方法。 集成步骤可能包括以下几点: 1. **引入FCKEditor资源**:下载并...

    在ext中使用fusionChart时文件

    下面我们将详细探讨如何在EXT中使用FusionChart以及这些文件的作用。 1. **EXT框架**: EXT是一个基于JavaScript的UI框架,提供了一套完整的组件模型,包括表格、面板、菜单、窗口等,能够构建出美观且响应式的Web...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    本文将深入探讨如何在使用ExtJS时解决Panel与IFrame结合时页面高度自动适应的问题。 首先,我们需要了解`Panel`在ExtJS中的角色。Panel是容器组件,它可以包含其他组件,如按钮、表格、表单等。Panel有自己的布局...

    WindowLite 基于EXT的可拖动改变大小的提示窗口 v2.0

    总之,WindowLite v2.0是EXT框架下的一款实用工具,它为Web应用提供了易于使用的提示窗口解决方案,具备可拖动和可调整大小的特性,极大地提升了用户体验。通过EXT的强大功能和WindowLite的灵活配置,开发者可以轻松...

    解决Ext Grid中文排序问题

    在EXT JS框架中,Ext Grid是一个非常常用的组件,用于展示数据并支持各种操作,如排序、筛选和分页。然而,默认情况下,EXT Grid遵循ASCII码排序规则,这在处理中文字符时可能导致排序不符合预期,因为中文字符的...

Global site tag (gtag.js) - Google Analytics