Extjs4 覆盖默认样式

Extjs 4 checkcolumn stopSelection 无效解决方法 在 Extjs 4 Grid 使用 checkcolumn , 如果我们希望此列不可编辑, 查看 API doc 文档, Extjs 4 提供了 stopSelection 属性来控制 stopSelection : Boolean Prevent grid selection upon mousedown. Defaults to: true 但是问题出现了, 即使设置了 stopSele 阅读详情
/* 修改窗口标题字体*/
.x-window-header-text-default {
    color: #04468C;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
} 
/*修改标题栏样式*/ 
 .x-window-header-default-top {
    background-color: #CED9E7;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 4px 5px 0;

} 

-------------------------------------------------------------------------

/* 修改任务栏字体 */
 .x-toolbar .x-toolbar-text {
    color: #4C4C4C;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    margin-left: 4px;
    margin-right: 6px;
    white-space: nowrap;
} 

/* 修改任务栏中图标的文字 */
 .x-btn-default-toolbar-small .x-btn-inner {
    background-repeat: no-repeat;
    color: #333333;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 0 4px;
} 

----------------------------------------------------------------------------

/* 修改表头文本 */
.x-column-header {
    background-color: #C5C5C5;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E4E6);
    border-color: -moz-use-text-color #C5C5C5 -moz-use-text-color -moz-use-text-color;
    border-left: 0 none;
    border-right: 1px solid #C5C5C5;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    font: 11px tahoma,arial,verdana,sans-serif;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
} 
/* 修改表格单元格 */
.x-grid-row .x-grid-cell {
    background-color: white;
    border-color: #FAFAFA #EDEDED #EDEDED;
    border-right: 0 solid #EDEDED;
    border-style: solid;
    border-width: 0;
    font: 11px/15px tahoma,arial,verdana,sans-serif;
} 
/* 修改表头行高 */

 .x-column-header-inner {
    line-height: 30px;
    padding: 0;
    position: relative;
    white-space: nowrap;
} 


/* 调整表格行高 */
.x-grid-with-row-lines .x-grid-cell-inner {
    line-height: 13px;
    padding-bottom: 4px;
} 

/* 修改表格、树背景 */
.x-panel .x-grid-body {
    background: none repeat scroll 0 0 transparent;
    border-color: #C5C5C5 #99BCE8 #99BCE8;
    border-right: 1px solid #99BCE8;
    border-style: solid;
    border-width: 1px;
} 

/*鼠标移到树、表格单条记录后的显示效果*/
.x-grid-row-over .x-grid-cell{
     background-image:url(../image/treeIcon/nav_hover_bg.jpg);
 }

/*记录选中后*/
 .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
 {
     background-image:url(../image/treeIcon/nav_hover_bg.jpg) !important;
     font-weight: bold;
 }

/*树、表格行间距*/
.x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-end-plus, .x-tree-elbow-empty, .x-tree-elbow-line {
    height: 25px;
    width: 16px;
}

/*表格标题文本*/

.x-panel-header-text-default-framed {

    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

extjs4.0中文API整理02——Container extjs4.0中文API整理02——Container 材料来自于extjs官网,翻译参考脚本娃娃的中文版 一、Ext.container.Container 1.任何可能包含其它Ext.Component组件的基类。  容器对于所包含的组件的基本处理包括添加,插入和删除项目。 最常用的的容器类Ext.panel.Panel,Ext.window.Window和 Ext 阅读详情

相关推荐

ExtJS4深度定制深蓝色主题开发指南

ExtJS 是由 Sencha 公司推出的一款功能强大的 JavaScript 前端框架,主要用于构建企业级富客户端 Web 应用程序。自 2006 年发布第一个版本以来,ExtJS 经历了多个版本迭代,其中 ExtJS4 是一个具有里程碑意义的版本,它在架构设计上进行了重大重构,引入了 MVC 模式、类系统、组件化开发等特性,极大地提升了代码的可维护性与扩展性。

weixin_36296444的博客 1043

EXTJS控件样式修改及美化

Extjs项目对富客户端开发提供了强有力的支持,甚至改变了前端的开发方式,使得开发变得更加趋向于“面向组件”。对界面的美化而言,也是根本性的改变。普通的网页美工面对extjs项目根本无法下手,需要脚本编写人员配合美工一起来完成工作(另外,spketIDE提供的样式修改工具也不理想)。 修改extjs的既有样式: 1.覆盖extjs的样式表 这里说的修改不是去改extjs本身的ex...

lisheng19870305的专栏 2106

EXTJS 4.1主题皮肤定制与应用指南

EXTJS是一个基于JavaScript的前端框架,主要用来开发富互联网应用程序(RIA)。其设计理念强调的是在不同的浏览器和设备上提供一致的用户体验。EXTJS 4.1框架的核心组件包括:控件(Widgets)、布局管理(Layouts)、数据处理(Data Package)等。这些组件提供了一套丰富的界面元素,使得开发者可以快速构建出专业的用户界面。在现代Web开发中,EXTJS的应用价值主要体现在其强大的数据管理能力和丰富的组件库上,使得构建复杂的交互式前端应用变得简单高效。

weixin_33481022的博客 732

extjs更改gridpanel行高 字体 以及边框颜色css

extjs太老了 用的人很少了 但是公司用没办法还是得学习的 完毕已经把知乎新写的文章移动过来了,, 嘿嘿 知乎名字 死狗等夜狼有兴趣可以加个好友呀 <style> //插入css样式覆盖掉ext自带的css样式 名字是partnerMp .x-grid-view.partnerMp.x-grid-cell-inner { height: 85px; line...

sigoudeng的博客 646

extjs4扁平化设计

extjs4扁平化设计,extjs4自定义主题,效果还不错,比较适合快捷学习和修改页面使用。

博途的HMI(触摸屏)的应用

触摸屏(HMI):用于控制PLC,可认为是小型上位机(用于控制PLC的都可认为是上位机)上位机(PC Station):将触摸屏升级为电脑----工控机(工业控制的机器)用博途编写西门子的触摸屏和上位机。

王阿妹小天才的博客 2679

extjs gridpanel 改变每行的颜色,字体,及鼠标手势显示

在页面头部写上如下css样式,覆盖extjs原有的样式即可达到效果。.x-grid3-row-over .x-grid3-cell-inner { font-weight: bold; background-color: yellow; cursor:hand; }

AI系统、缓存 2356

贝加莱Automation Studio 4.10安装保姆级教程:从官网下载到解决.Net 3.5报错

本文提供贝加莱Automation Studio 4.10的详细安装教程,涵盖从官网下载到解决.Net 3.5报错的全过程。特别针对工业自动化开发环境中常见的.Net Framework 3.5安装问题,提供多种经过验证的解决方案,包括控制面板安装、DISM命令离线安装和手动下载安装包等方法,帮助工程师顺利完成PLC开发环境的搭建。

weixin_30955617的博客 718

ExtJS初级教程之ExtJS Tree(一)

ExtJS是一款基于Ajax的web客户端框架,有着更加和漂亮友好的界面,今天起我就开始学习ExtJS了,下面我把我学习的过程与大家分享。         我先学习我最近用到ExtJS Tree。下面我们开始写我们的第一个静态树。      1、首先导入ExtJS提供的js和

ituuz的专栏 5974

Oracle EBS报表开发入门:Report Builder安装避坑指南(Win10/11兼容版)

本文详细介绍了在Windows 10/11系统上成功安装和配置Oracle Report Builder的完整避坑指南。通过修改系统兼容性、解决虚拟内存报错、正确设置NLS_LANG和TNS连接等关键步骤,确保开发环境稳定运行。同时,阐述了Report Builder与BI Publisher在现代Oracle EBS报表开发中的协作定位与工作流,帮助开发者高效搭建报表开发环境。

d6e7f8的博客 754

带隙基准电路实战:温度补偿与流片调优全解析

带隙基准(BGR)是模拟芯片中实现高精度、低温漂电压参考的核心电路,其本质是利用硅材料禁带宽度的物理稳定性,通过PTAT(正温度系数)与CTAT(负温度系数)电压的加权叠加抵消温度影响。原理上需兼顾一阶线性补偿与二阶曲率校正,技术价值在于支撑ADC/DAC/LDO等关键模块的精度与可靠性。典型应用场景涵盖车规级MCU、工业传感器和高精度电源管理芯片。工程落地难点集中于工艺偏差、运放失调、寄生效应及版图热电耦合——这正是‘带隙基准设计’与‘带隙基准调优’的根本分野。本文聚焦真实流片经验,深入拆解Widlar架

weixin_42628280的博客 254

ExtJS控件样式的修改

这里说的修改不是去改extjs本身的ext-all.css, 也不建议这样去做,这样会影响所有页面;而应该是用自定义的css去覆盖某些控件的默认样式。大部分控件都有类似cls、style的属性供开发者去定制样式;但具体要设置样式的哪些属性才能达到特定效果,api文档就没说了。比如要构建一个不带边框的panel,设置border、bodyborder属性是不行的,还是会有1px的边框...

weixin_30298497的博客 325

SDR 和 DDR 的区别

SDR 和 DDR 的差别,最明显提现在传输速率和频率上。DDR SDRAM与SDRAM的基本结构是相似的,最根本的区别在于DDR 支持在一个时钟周期内传输两次数据,,SDR 只能传输一次数据。

串起点滴 1961

ext不能选中复制属性_extjs表格文本启用选择复制功能具体实现

extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的文本是不能被选中的,自然也是无法复制的。而选择复制文本的需要也是很平常的,于是我们就需要自己动手来解决这个问题,实现extjs的grid文本选择复制功能。说明一点,文中所列出的代码片断都是在当前ext 4.0.2a版本下的,其它版本未做测试,请自行斟酌。首先自定义一下样式,来覆盖默认的css样式:.x-selectable, .x...

weixin_39880337的博客 366

基于Python的智能动漫更新监控爬虫系统:从原理到实战

本文详细介绍了如何使用Python构建一个智能化的动漫更新监控系统,涵盖从基础爬虫到高级自动化监控的全套解决方案。文章将深入探讨最新的网络爬虫技术,包括异步请求、反反爬策略、智能解析算法等,并提供完整的代码实现和性能优化方案。通过本系统,用户可以实时获取多个动漫平台的更新信息,并通过多种渠道接收通知。关键词:Python爬虫、动漫监控、自动化通知、异步爬虫、反反爬策略。

2201_76125261的博客 902

ZYNQ PS-PL数据交互方式总结

一,中断 二,IO方式:MIO EMIO GPIO 三,BRAM或FIFO或EMIF (1)通过BRAM实现PL/PS之间交互 PS 的配置如下图所示。使能 M_AXI_GP0 口,将 FCLK_CLK0 设为 100MHz,使能 PL 至 PS 的中断。 AXI BRAM Controller IP 核连接 PS 的 M_AXI_GP0 口和 BRAM,完成 AXI 接口至 BRAM 接口的转换。 添加BRAM,将BRAM设置为双口RAM,将PORTA与AXI B...

wangjie36的博客 1万+

android4.2.2平板电脑,android4.2.2设置选项中的关于设备或者关于平板电脑的字段内容由来之/proc/version...

Extjs4中要修改一个button的css挺恶心的......假设要实现以下效果:左边几个button的字体是bold的, 右边的是normal的,并且设置bgcolor.一开始很自然的写下这样的代码:.btn-master-on {font-weight: bold;background-color: LightGreen;background-image: none;}.btn-turn-o...

weixin_31417135的博客 179

【QNX+Android虚拟化方案】136 - QNX 侧 Coredump 文件解析

【QNX+Android虚拟化方案】136 - QNX 侧 Coredump 文件解析

|~~~热爱生活、努力学习的小伙汁~~~| 1911

ExtJS下的button样式

(1)我想要设置button的样式是左边显示图片,右边显示文字

Alin 7829

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

EXTJS改变自带样式的那种风格

出自:http://www.cnblogs.com/legendxian/p/3254972.html 1.还是基于EXTJS的 自己用SASS改了些样式 2.用了些bootstrap里的一些样式 3.图标用的Font Awesome字体样式   不到200字还不让发 附上整理的ExtJS-4.2.1自定义样式指南 E

zwj1030711290的优快云 1万+

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

浅谈extjs的样式及美化

Extjs项目对富客户端开发提供了强有力的支持,甚至改变了前端的开发方式,使得开发变得更加趋向于“面向组件”。对界面的美化而言,也是根本性的改变。普通的网页美工面对extjs项目根本无法下手,需要脚本编写人员配合美工一起来完成工作(另外,spketIDE提供的样式修改工具也不理想)。   修改extjs的既有样式有两种方式 1.       采用js代码动态修改,例如: Ext.get(t...

jonenine的博客 1016

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

eclipse+spket+Extjs4.2.1开发环境搭建

一、开发工具配置: 1、http://www.eclipse.org/downloads/ 下载Eclipse,解压。 2、http://spket.com/download.html下载Plugin,解压后覆盖到Eclipse的目录。 3、启动Eclipse,选择window→proference→spket→javascriptprofiles→new (输入Ext JS4.2.1

不忘初心 ,方得始终 2万+

EXTJS中下拉框Combox(鼠标、上下键)移动背景色

EXTJS中下拉框Combox(鼠标、上下键)移动背景色下拉框列表背景色修改Ext.form.ComboBox修改selectedClass用于selectedClass的CSS样式记在最后 下拉框列表背景色修改 设置下拉框各行颜色后,默认的移动样式背景色Class被设置的颜色Style覆盖,移动鼠标或者上下键时,存在bug,并且显示的样式不是很好区分。 Ext.form.ComboBox修改se...

qq_42557052的博客 602
下一篇: struts2+json插件+拦截器
Waterinet
博客等级 码龄17年 2粉丝 4原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值