0 0

jQuery EasyUI datagrid 设置行样式5

rowStyler:function(index,row){
                        var style = '';
                        $.ajax({
                                type:'POST',
                                url:JJ_CREDIT_FIRSTCREDIT_CHECKEXCEL,
                                data:{'rowDatas':JSON.stringify(row)},
                                dataType:'json',
                                success:function(data){
                                        if (data.code == 1 ) {
                                                style = 'background-color:#6293BB;color:#fff;font-weight:bold;';
                                        }
                                }
                        });
                        return style;
                }
                rowStyler不支持服务端验证吗?
                在ajax的回调函数里给style赋值了,为什么return style;中的style获取不了
2011年8月27日 13:06

5个答案 按时间排序 按投票排序

0 0

在ajax加上参数sync,ajax是异步操作,还没操作完就已经return了

2013年10月21日 10:42
0 0

{field:'listprice',title:'List Price',width:80,align:'right',
    formatter:function(value,row,index){
       if (value < 20){
           return 'background-color:#ffee00;color:red;';
       }
    }
}
不是用styler,用formatter

2011年9月05日 15:34
0 0

{field:'listprice',title:'List Price',width:80,align:'right',
styler:function(value,row,index){
if (value < 20){
return 'background-color:#ffee00;color:red;';
}
}
}

这是easyui datagrid api源代码,仔细检查一下吧,应该是你的细节问题。

2011年8月29日 12:11
0 0

你这个style得到后应该也是给别的地方赋值的或者设置样式的吧,你就直接在success里面做啊比如:

   success:function(data){ 
                                        if (data.code == 1 ) { 
                                                style = 'background-color:#6293BB;color:#fff;font-weight:bold;'; 
   ……这是你的后续操作。
                                        } 
                                } 

2011年8月27日 13:22
0 0

不是啊 因为ajax操作是个异步的,有可能你的ajax操作没有完成,就直接return了,所以你就接受不到啊。我建议你直接在success里面得到style后,就进行style的后续赋值操作。

2011年8月27日 13:21

相关推荐

    jQuery easyUI datagrid 增加求和统计行的实现代码

    在datagrid的onLoadSuccess事件增加代码处理。... }/*合计单元格样式*/ &lt;/style&gt; [removed] function onLoadSuccess() { //添加“合计”列 $('#table').datagrid('appendRow', { Saler: '合计&lt;/span&gt;', T

    jQuery EasyUI 1.3.5 离线简体中文API文档

    datagrid:改进检查行时候的性能; menu:允许追加菜单分隔符; menu:新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单; slider:新增“clear”和“reset”方法; tabs:新增...

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.4.5版本更新内容: Bug(修复) datagrid:修复在调用updateRow方法之后使用getChanges方法无法返回被更新的行的BUG; treegrid:修复在追加或插入新行的时候触发onLoadSuccess事件的BUG; tree...

    jquery easyui api合辑

    jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 与extjs相似,都是基于JQuery的一个前台ui界面的插件,功能相对没extjs...

    datagrid显示图片并点击放大浏览样式文件.zip

    EasyUI,TopJUI的datagrid显示图片并点击放大浏览样式文件,主要是css,jss和图片资源,与文章匹配,也可单独使用,谢谢

    jQuery EasyUI 1.4.1 离线简体中文API文档

    datagrid:修复在datagrid行元素调用“updateRow”方法的时候丢失某些类样式的问题; menubutton:修复在被禁用的按钮上使用“enable”方法无效的问题; form:修复在form组件中调用“clear”方法以后导致firebox...

    jQuery EasyUI 1.5.1 中文API文档

    jQuery EasyUI 1.5.1版本更新内容:Bug(修复) datagrid:修复在调用“updateRow”方法之后选中和复选行标志丢失的问题; tabs:修复在调用“update”方法的时候导致标签栏工具错位的问题; window:修复在窗体高度...

    JQueryEasyUI datagrid框架的基本使用

    今天说说这个datagrid框架的基本使用,这个框架一直以来都是大家...–easyui最全的样式包也可单独引用你想使用的样式包–&gt;&lt;link href=”jquery-easyui-1.3.2/themes/icon.css” rel=”stylesheet” type=”text/css

    jquery-easyui-1.5.4.5

    jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用...

    JQuery EasyUI 1.4.1 离线简体中文API文档

    datagrid:修复在datagrid行元素调用“updateRow”方法的时候丢失某些类样式的问题; menubutton:修复在被禁用的按钮上使用“enable”方法无效的问题; form:修复在form组件中调用“clear”方法以后导致firebox...

    基于EasyUIdatagrid实现数据库操作的方法 (2012年)

    MVC三层架构是一种经典的设计模式,MVC的思想是将“显示”(View)、...其中Datagrid是数据库WEB页面呈现较频繁的一种样式,设计中,数据在呈现于WEB页面前,已事先被封装为JSON格式的数据,数据和显示及控制是分开进行的。

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jQuery EasyUI 1.4.1 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    datagrid:修复在datagrid行元素调用“updateRow”方法的时候丢失某些类样式的问题; menubutton:修复在被禁用的按钮上使用“enable”方法无效的问题; form:修复在form组件中调用“clear”方法以后导致firebox...

    jQuery easyui datagird编辑行删除行功能的实现代码

    神马是easyui jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且...下面通过代码看下easyui datagird编辑行删除行功能,具体代码如下所示: function i

    jQuery EasyUI 1.5.1 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.5.1版本更新内容: Bug(修复) datagrid:修复在调用“updateRow”方法之后选中和复选行标志丢失的问题; tabs:修复在调用“update”方法的时候导致标签栏工具错位的问题; window:修复在...

    jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容

    本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示  本实例要实现如下图所示的效果:  本示例easyui版本为1.3.4,如果运行后没有效果,...

    easyUI案例

    jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大...

    jQuery EasyUI 1.3 API 中文教程

    数据表格行样式 - DataGrid Custom Row Style 数据表格页脚行 - DataGridFooter Row 树形数据表格 - TreeGrid 数据表格显示页脚 - TreeGrid 带分页的树形数据表格 -TreeGrid 属性表格 - PropertyGrid ...

    jquery-easyui-1.4.1.zip

    fixed.(Datagrid:行元素调用“updateRow”方法后丢失部分样式,已修复。) menubutton: Calling 'enable' method on a disabled button can not work well. fixed.(Menubutton:在被禁用按钮上调用“enable”...

Global site tag (gtag.js) - Google Analytics