本文目录一览：
- 1、extjs6 pivot grid 在哪个目录
- 2、extjs 中修改整个框架的颜色怎么弄？？比如现在的蓝色我改成黄色的
- 3、extjs 6 grid 更改选中行背景颜色，直影响当前grid
- 4、在eclipse里使用extjs6.0版本应该引用哪些文件
- 5、ExtJS 6有什么新东西
- 6、如何去除extjs6的extjs bata图标
extjs6 pivot grid 在哪个目录
Extjs中界面风格与我们产品本身的风格有很大不同，从边框、选中行的颜色到鼠标移动到的行的颜色、菜单等，几乎都不同。
选中行的颜色就可用如下设置完成：
.x-grid3-row-selected{background:#c6e2ff!important;}
其他的都类似，只要找到对应的class, 然后设置要修改的部分即可。
extjs 中修改整个框架的颜色怎么弄？？比如现在的蓝色我改成黄色的
这个属于extjs框架主题的修改，
首先你可以去找一些主题css文件 下载下来，这里我给你介绍一个：到
下载
然后做一个下拉列表这个简单我就不赘述了，关键是下拉列表选择后的操作是：
如果css路径是cssFilePath ，那么
//使用默认主题
Ext.util.CSS.removeStyleSheet('theme');
//切换到其他主题
Ext.util.CSS.swapStyleSheet('theme', cssFilePath);
extjs 6 grid 更改选中行背景颜色，直影响当前grid
Ext 4.2.1
/** * @var {color}
* The background-color of the selected row
*/$grid-row-cell-selected-background-color: #ccc !default;
Ext 5
$grid-cell-selected-background-color : color
The background-color of a selected cell when using a Ext.selection.CellModel.
Defaults to:
$grid-row-cell-selected-background-color
Ext 6
$list-item-selected-background-color : color
List item background-color when selected
Defaults to:
mix(#fff, $base-light-color, 25%)
Ext 6 好像依赖 $base-light-color 尽量不要修改其他配置
在eclipse里使用extjs6.0版本应该引用哪些文件
想要使用ExtJS，需要在页面引入如下文件：
link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"
script type="text/javascript" src="ext/ext-base.js"/script
script type="text/javascript" src="ext/ext-all.js"/script
script type="text/javascript" src="ext/ext-lang-zh_CN.js"/script
其中上面的为ExtJS的样式文件，ExtJS漂亮的外观均来自于该样式，下面三个为Ext的JS文件，最后一个为ExtJS的简体中文资源文件，
上面两个包含了ExtJS的所有功能，如果不是对ExtJS有深入研究，不是超级用户的话，个人推荐直接引入这两个文件即可，需要注意前后引入的顺序！
ExtJS 6有什么新东西
以下是官方的介绍：
Ext JS 6统一了Ext JS 5和Sencha Touch框架，且允许创建基于所有平台和所有设备的通用应用程序。在Ext JS 5，将许多Sencha Touch的移动功能带入了Ext JS，而且建立核心通用代码。在Ext JS 6，Ext JS和Sencha Touch的UI组件将建立在通用核心之上，这样，才让使用单一的代码来创建基于桌面到智能手机的应用程序成为可能。另外，在Ext JS 6还有大量的增强功能，尤其是在可访问性、图表和网格这一块上。
我们用了一年多了，说实话，和5有区别都不大，就是有些自定义的控件，写法改变，比以前简单了，但是总体上没啥，不细研究，看不出来，当然我们主要是企业级开发
如何去除extjs6的extjs bata图标
Extjs6 打开项目根目录下的ext/classic/theme-base/sass/src/window/Window.scss
打开文件，搜索ext-watermark（Extjs6.0.2是在320行）。然后注释掉如下两段代码。
:after {
//font-family: ext-watermark;-------注释这一行
font-size: ($ui-header-line-height + vertical($ui-header-padding)) * 0.75;
//content: 'd';--------注释这一行
position: absolute;
}
然后重新加载代码，刷新几次，奇迹发生。恭喜你！
如果是panel的水印，是在panel/Panel.scss的399行。
Extjs6用了样式ext-watermark;导致的水印。用eclipse全局检索，定能够找到目标。如果不行，请回复在给予解决！ 还有一个更绝的，就是把ext/classic/theme-base/sass/src/Component.scss开头3-8行包含ext-watermark的样式全部注释掉，这个应该是全局的样式。去试试吧！
