extjs + ckeditor z-index 的问题

问题描述

1、在一个弹出的Window窗体中，加载ckeditor编辑器，可以正常的显示出来，但是当选择图片上传那个工具条时，弹出的浏览图片的那个对话框没在Window窗体的前面！即躺在了Window窗体后面去了，相当于被窗体给覆盖掉了。

2、当选择ckeditor的样式、格式、字体、大小等这样的下拉框时，也会出现类似的情况，下拉框没有显示，而是显示在Window窗体的后面，被Window窗体遮挡住了。

从以上两个问题的描述可想而知，肯定是extjs Window窗口的z-index的值大于ckeditor的z-index的值，如果去修改extjs Window窗口的z-index是不合理的，最简单的方式是修改ckeditor的z-index，ckeditor提供了对z-index值的配置。

关键配置是如下：

config.baseFloatZIndex = 19900;

CKEDITOR.editorConfig = function( config )
{
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.baseFloatZIndex = 19900;
};

根据实际情况去修改z-index的值大于extjs Window窗口的z-index的值即可解决问题