EasyUi datagrid中一开始显示设置了行的背景色，默认的行样式失效了，怎么设置鼠标单击选中行的颜色？在线等，急！

忧郁的年华 2013-10-10 07:58:33

EasyUi datagrid中一开始显示设置了行的背景色，为了满足某个条件突出显示，
$('#tt').datagrid({
rowStyler:function(index,row){
if (row.value>50){
return 'background-color:pink;';
}
}
}); 17jquery
问题是一开始显示时改变了行背景色之后datagrid tr 默认的行样式失效了，怎么另外设置某行悬浮上去行的颜色？怎么设置鼠标单击选中行的颜色？？？？有劳各位帮帮忙，小女子在这多谢了！

...全文

9021 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

sinat_31013975 2015-09-02

打赏
举报

回复

selectOnCheck: true, onClickRow: function (rowIndex, rowData) { $(this).datagrid('unselectRow', rowIndex); },

Macheal_Chen 2015-02-12

打赏
举报

回复

rowStyler:function() { var a=new Object(); a.class="green"; return a; }, easyui 源码中是支持这种输入的,之后引入 <link rel="Stylesheet" type="text/css" href="/Css/Style.css" /> <style> .green { background:red; } </style> <link id="easyuiTheme" rel="Stylesheet" type="text/css" href="/Js/easyui/themes/default/easyui.css" /> 将green放在easyui.css上边，就能实现操作

yuge573691195 2014-07-22

打赏
举报

回复

这个问题解决了吗？我也遇到了有简便的方法吗？

人中伊布 2014-06-26

打赏
举报

回复

妹子解决了么，同求解

暖枫无敌 2013-10-10

打赏
举报

回复

http://blog.csdn.net/guyongqing52/article/details/7833211

暖枫无敌 2013-10-10

打赏
举报

回复

暖枫无敌 2013-10-10

打赏
举报

回复

参考1 试试这样 $('#tt').datagrid({ styler:function(value,row,index){ if (value>50){ return 'background-color:pink;'; } } });

jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像（onMouseOver/onMouseOut） Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件，源码奉献！！！

介绍EasyUI的DataGrid数据表格以及Pagination分页按照说明可直接运行代码. 博文地址：http://blog.csdn.net/itmyhome1990/article/details/37563551

最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉，由于很多人和我要chm格式的，所以本次API我提供了2种版本的API，一个还是以前的EXE格式，另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接提供到API包里面，方便没有去官网下载的人直接使用。请大家持续关注我发布的资源，不出意外，我是会一直持续更新本API文档的。本次更新内容大约有30个，Bug修复的只有2个，剩下的全是新增内容，EasyUI的控件已经越来越好用了，顶一个。但是希望能把性能也提升提升，总是感觉在某些情况下EasyUI的性能不是太好。具体更新内容请看下面的说明： jQuery EasyUI 1.3.6版本更新内容： Bug（修复） treegrid：修复“getChecked”方法不能正确的返回被选择的行的问题； tree：修复在“onlyLeafCheck”属性为true时，复选框无法在异步树种正确显示的问题。 Improvement（改进） treegrid：所有的选择和选中的方法都扩展自datagrid组件； linkbutton：添加图标对齐功能的完整支持，可用值有：“top”、“bottom”、“left”、“right”； linkbutton：添加“size”属性，可用值有：“small”、“large”； linkbutton：添加“onClick”事件； menubutton：添加“menuAlign”属性，该属性允许用户设置顶级菜单对齐； combo：添加“panelAlign”属性，可用值有：“left”、“right”； calendar：添加“formatter”、“styler”和“validator”属性，这些属性允许用于自定义日历日期； calendar：添加“onChange”事件； panel：添加“method”、“queryParams”和“loader”选项； panel：添加“onLoadError”事件； datagrid：添加“onBeginEdit”事件，该事件在一个行进入编辑模式时触发； datagrid：添加“onEndEdit”事件，该事件在完成编辑但是编辑器尚未销毁之前触发； datagrid：添加“sort”方法和“onBeforeSortColumn”事件； datagrid：将“combogrid”编辑器集成到datagrid中； datagrid：添加“ctrlSelect”属性，在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作； slider：添加“converter”属性，该属性允许用户决定如何将一个值转换为进度条位置或进度条位置值； searchbox：添加“disabled”属性； searchbox：添加“disable”、“enable”、“clear”、“reset”方法； spinner：添加“readonly”属性、“readonly”方法和“onChange”事件。

本次更新，我将文档从头到尾和官网发布的最新内容校对了一次，将所有的错误和遗漏的API全部补全和修复了。快半年了，EasyUI又更新了。这次依然以BUG修复和功能改进为主，EasyUI发展至今，主体功能已经基本完善。即便以后还有新组件，那也是在现有功能完善的基础上新增一些小组件了，类似Datagrid这类的大型复合组件应该比较少了，相比新组件我更期待官方能对EasyUI的性能优化多下下功夫。 jQuery EasyUI 1.4.5版本更新内容： Bug（修复） datagrid：修复在调用updateRow方法之后使用getChanges方法无法返回被更新的行的BUG； treegrid：修复在追加或插入新行的时候触发onLoadSuccess事件的BUG； tree：修复在追加或插入新节点的时候触发onLoadSuccess事件的BUG。 Improvement（改进） window：可以自定义显示样式了； window：新增“border”属性允许用户设置不同的边框样式； navpanel：新增“href”属性用以从远程服务器加载显示内容； combotree：“setValue”和“setValues”方法增加“id”和“text”形参； combobox：新增“showItemIcon”属性； combobox：在“groupPosition”属性值设置为“sticky”时，将会将选项分组标签固顶在下拉栏中； messager：当敲击回车键时将默认触发消息框的第一个按钮； validatebox：新增“editable”、“disabled”、“readonly”、“validateOnCreate”和“validateOnBlur”属性； validatebox：新增“enable”、“disable”、“readonly”和“resetValidation”方法； validatebox：允许用户来决定如何显示错误消息； filebox：新增“accept”和“multiple”属性； treegrid：新增复选框的选择； treegrid：新增“getCheckedNodes”、“checkNode”和“uncheckNode”方法； form：新增“iframe”属性；（官方未提及） form：新增“onProgress”事件；（官方未提及） form：新增“resetValidation”方法。（官方未提及）

（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取最新的EasyUI资源专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址我花那么多精力制作出来的你们鼠标点两下就给我转走了还不注明出处实在是不厚道本来就是本着分享精神的为的就是聚集一点人气和提供一个优良的环境来一起学习进步的请不要抹杀掉我的热情谢谢）　　时隔4个月之久 EasyUI终于迎来大版本更新了本次更新内容诸多除了常规维护外还新增了3个新组件都很实用详细的可以阅读更新说明里面给了详细的解读另外从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中并且会对这些插件做一些简单的Demo实现存放到配套提供的程序包demo文件夹下以便大家学习和使用本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了这些扩展的demo在附带的程序包中已经提供可以用于参考使用 jQuery EasyUI 1 4版本更新内容： Bug（修复） menu：修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题； datagrid：修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement（改进） EasyUI的所有组件已经支持非固定百分比大小的尺寸设置； menu：添加“showItem” “hideItem”和“resize”方法； menu：基于窗体大小自动调整高度； menu：添加“duration”属性该属性允许用户自定义隐藏菜单动画的持续时间以毫秒为单位； validatebox：添加“onBeforeValidate”和“onValidate”事件； combo：从该版本开始combo组件扩展自textbox组件（textbox是1 4中新增的组件）； combo：添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性； searchbox：从该版本开始searchbox组件扩展自textbox组件（textbox是1 4中新增的组件）； tree：添加“getRoot”方法用于返回通过“nodeEl”参数指定的节点的顶部父节点元素注意：官网的英文API中该函数的说明有误其说明是none 无参数实际这里是需要参数的； tree：添加“queryParams”属性； datetimebox：添加“spinnerWidth”属性； panel：添加“doLayout”方法用于控制面板内组件的大小； panel：添加“clear”方法用于清除面板内的内容； datagrid：允许用户设置百分比宽度的列（该功能真是千呼万唤始出来啊）； form：添加“ajax” “novalidate”和“queryParams”属性； linkbutton：添加“resize”方法 New Plugin（新组件） textbox：该组件是一个增强的输入字段它可以让用户非常简单的构建一个表单； datetimespinner：该组件是一个日期和时间的微调组件它允许我们选择一个特定的日期或时间； filebox：filebox 该组件表单元素中用于上传文件的文件框工具组件 ">（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取

.NET技术前瞻

13,347

社区成员

5,388

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章