Ext.grid.GridPanel stripeRows(斑马线) BUG 解决方案

原创

cunyan 2023-05-16 00:31:56 博主文章分类：extjs ©著作权

文章标签 EXT CSS css d3 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者cunyan的原创作品，请联系作者获取转载授权，否则将追究法律责任

在Ext(Version2.2 和目前的Version3.1.1 Version3.2）里面存在一个BUG，就是当设置了 stripeRows:true, 并没有出现斑马线的效果，解决的办法是在定义一个css类，放置在一个独立的css文件里面，页面加以引用。

.x-grid3-row-alt {
  background-color:'#CCC'
 }

上一篇：知识点

下一篇：使用spring的jdbcTemplate-----将JDBC操作建模为细粒度的对象

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

PACS影像解决方案源码

现代医疗影像技术的迅猛发展，使得PACS系统已逐渐成为各级医院实现信息化建设的重要组成部分。医学影像技术的进步也提升了医疗影像的清晰度，推动二维PACS向三维升级转变。这一切都使得医学影像数据量激增，加之医疗行业法规的数据保存要求，急需一种新的存储方案来满足应用和发展。客户需求医院影像数据增长快、数据量大随着医院门诊量的剧增，设备更新换代，CT、MRI、超声、DSA 等设备每天产生几十万张K

数据存储方式医学影像
即时通知告警解决方案

解决日常中一些及时通知和告警的场景，帮助客户实现快速的电话通知服务。

应用场景 bc 事件流通知告警、电话、运维 AWS Connect
智慧校园解决方案-学工管理系统

学工管理系统简介：在智慧校园中学工管理系统涵盖了中职学生在校活动的所有环节，包含了针对学生的：教学、活动、管理于一体的系统。其中涉及到：学生的社团活动，社团岗位，学生档案、学生学籍、学生团员、学生成长轨迹、学生减免、学生奖惩、学生评优、学生处分、学生军训等众多应用模块。系统采用BS架构，适用于各大浏览器，并且适用手机端，良好的兼容环节更加灵活方便，学工管理可与整个智慧校园无缝对接，具有优良的api

智慧校园管理系统业务流程
Ext.grid.GridPanel

/** * TODO 查询用store */ var store

ext
Ext.grid.GridPanel 问题

Ext.ux.myGrid = Ext.extend(Ext.grid.GridPanel, {...}); s.each(function(r){ if(r.get('state')=='S'){ &nbs

职场休闲 function
Ext.Grid.GridPanel属性与方法详解

1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false cm、colModel：表格的列模式，渲染表格时必须设置该配

方法属性 Ext.Grid.GridPanel
EXT 3.x 使用详解之Ext.grid.GridPanel(二)

本篇主要讲解了grid如何自动调整大小，以便在我们窗口发生变化的时候grid能够自动调整。主要看代码吧，注释很清楚了!<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@ page pageEncoding="UTF-8"

EXT json JavaScript CSS 数据结构
EXT 3.x 使用详解之Ext.grid.GridPanel(三)

本篇主要介绍了grid的ajax功能以及分页标签功能，具体看代码吧，注释很全面，感慨一下组件还是比较实用和漂亮的！为介绍方便简洁，这里没有使用数据库，而直接创建了一些对象，参考者可以自己改成数据库即可。 JSP页面部分：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ht

EXT json Ajax JavaScript CSS
EXT 3.x 使用详解之Ext.grid.GridPanel(一)

&l...

EXT Apple json JavaScript Google
【创意提高】斑马线

可爱的斑马，是儿童画中最好的绘画元素。也是动物界中难得有美感的动物。今天我们一起用斑马元素进行绘画的创意，看

Java
jquery datatable 斑马线

# jQuery DataTable 斑马线效果实现在网页表格展示中，为了提高数据的可读性，我们常常使用一些视觉效果来区分不同的行。其中，使用“斑马线”效果是一种常见的做法。本文将介绍如何使用jQuery DataTable插件实现表格的斑马线效果。## jQuery DataTable简介jQuery DataTable是一个基于jQuery的插件，它提供了丰富的表格功能，如分页、排

jQuery 搜索 HTML
【原创+转载】让CheckboxSelectionModel类型Ext.grid.GridPanel的某行不能选择

让Ext.grid.GridPanel不能选择，即令Ext.grid.CheckboxSelectionModel不能选择，因为GridPanel是要引用CheckboxSelectionModel的。下例是当store里的用户状态不正常（字段memberstatus不为1）的记录行，让它在被选择时提示无法选择，关键在于'beforerowselect'事件，看代码吧 1 var membersm

字段提示信息
Ext.grid.GridPanel不需按住Ctrl键单元行多选效果实现

/* 重写handleMouseDown方法实现不用按住ctrl建多选*/Ext.override(Ext.grid.CheckboxSelectionModel, { handleMouseDown : function(g, rowIndex, e){ if(e.button !== 0 || this.isLocked()){

ext GridPanel
ExtJs Grid 合计 [Ext | GridPanel | GridSummary]

前言五一期间学习Ext很痛苦也很快乐，到现在也算是小有所成，陆陆续续的开始在项目中使用，Ext的表格据统计是使用率最高的一个组件，实在是很强大，但我以为关键是很漂亮，而他本身并不支持数据的统计功能，但是我们可以在他的sample里面找到一个Live Group Summary的例子，但是这个例子仅能够统计一页是数据，实际使

职场 Sum 休闲 Grid Ext
IE下Ext.grid.GridPanel的autoWidth或者layout:'fit'会将宽度拉的很长的解决

IE下Ext.GridPanel的autoWidth或者layout:'fit'会将宽度拉的很长的解决办法：找了很多的地方，折腾了好几天，结果在javaeye发现一个方法，就是在定义var grid = new Ext.grid.GridPanel({ bodyStyle:'width:100%',

休闲 IE, GRID, EXT, AUTOWIDTH
Ext的Grid自适应问题解决方案

应该是Ext的bug，当给grid的宽度设为100%时，其宽度会变成10000px，高度设置为100%，其内容自适应，而不是根据其容器自适应。无奈只能通过其高度宽度设置为固定值（很管用的）这样不论页面宽度怎么变化grid都会自适应页面容器了。js代码如下： // create the Grid var grid =

职场休闲 ext
unity 斑马线 3d立体斑马线

目前为止，至少有四种普遍使用的立体3D传输格式，分别称为frame sequential(帧连续)，frame packing(帧封装)，side-by-side(并排)，以及checkerboard(棋盘)。Frame sequential(帧连续)，在某种层面上来说是最简单的3D格式。Frame sequential信号就是以120帧每秒的速率发送的全解像度画面。各帧按顺序交替，因此显示设备接

unity 斑马线 3D ide 机顶盒
element 斑马线从奇数斑马线的数学原理

题目大意，现在要走过一条斑马线，斑马线是由n条交替的黑条和白条构成的，第一条是黑条。脚的长度是s。要求在走的过程中，他脚的任何一部分都不能碰到象征邪恶的黑条。第一条之前和第n条之后的部分都是白色的，可以任意选择第一条之前的位置出发。但出发位置一旦选定，之后每一步的长度都必须是k。请你判断有没有可能在不碰到黑条的情况下通过斑马线，即走到第n条之后。此题同样是模拟赛题！！！我现在已经非常质

element 斑马线从奇数 #include i++ 复杂度
element表格斑马线颜色设置偶数神色 css斑马线

背景知识CSS 渐变， background-size ，“条纹背景”，“灵活的背景定位难题几年前，在刚刚获得 :nth-child() / :nth-of-type() 伪类之后，我们最常用其来解决的一个需求就是表格的“斑马条纹”（见下图）。这在以前需要服务器端预先处理、客户端的脚本处理或者是纯手工写死来实现，而现在只需下面这几行简单的代码就足够了： tr:nth-child(even

背景图 CSS 解决方案
elementui table斑马线颜色 elementui配色方案

前言之前的项目里面用elementUI时，一直使用的都是默认配色。看久了，都有点视觉疲劳了，所以想着去更改一下它的主题配色。在网上看到了很多修改颜色的方式，也走了很多弯路。为了让自己下次修改主题配色的时候能够游刃有余，在这里就用命令行修改主题的方式记录一下吧。官方文档官方自定义主题配色方案命令行方式首先安装一个主题生成工具，建议不用全局安装npm i element-theme -D然后安装白垩主

vue.js elementui 前端 javascript 自定义
android 图标svg

本篇文章主要针对 Android性能优化中 Android APK的大小优化然现在网速已经非常快,用户流量也很多,但是对于我们的 Android apk 文件进行优化还是很有必要的,动不动几十上百兆的大小,用户体验还是很不好的,下面我们就来整理一下 Android apk 的优化方法icon 图标使用 svg在我们的App中会有很多icon,而且美工小姐姐一般都是成套的给,所以在我们的res文件

android 图标svg android 移动开发网络互联 ico
maven scope system什么意思

? @ 作者：一恍过去 ? @ 主题：探秘Maven神奇力量：使用systemPath加载外部JAR包 ⏱️ @ 创作时间： 2023年08月20日前言在Maven构建项目时，通常会使用依赖管理功能来管理项目依赖的JAR包。Maven会自动从Maven仓库中下载并管理这些依赖，从而简化了项目的构建和管理过程。但有时候，可能会遇到一些特殊情况，需要引入本地或系统中不存在于Maven仓库的

maven jar pycharm 加载开发者
dcu芯片 pytorch

LDO是low dropout regulator，意为低压差线性稳压器，是相对于传统的线性稳压器来说的。传统的线性稳压器，如78xx系列的芯片都要求输入电压要比输出电压高出2v~3V以上，否则就不能正常工作。但是在一些情况下，这样的条件显然是太苛刻了，如5v转3.3v,输入与输出的压差只有1.7v，显然是不满足

dcu芯片 pytorch 工作新功能最小值限流
mysql设置禁用索引

1 数据准备1.1 新建数据表CREATE TABLE `player` ( `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '主键', `player_id` varchar(256) NOT NULL COMMENT '运动员编号', `player_name` varchar(256) NOT NULL COMMENT '运动员名

mysql设置禁用索引 mysql java 数据库解决方案
html5百分比布局里的侧边栏插图

反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。这种布局比较常见，博客园很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边栏，而自适应的区域是主体内容区——相信把侧边反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。这种布局比较常见，博客园很多默认主题

html5百分比布局里的侧边栏插图 ide 自适应固定宽度

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯