`

easyui datagrid formatter 无效解决办法

阅读更多

EasyUI 的datagrid 有的时候需要直接给某列固定值(如操作列 全为删除),或对数据进行格式化,这就需要formatter属性,如果

<table style="width: 600px" class="easyui-datagrid"
                data-options="title:'岗位信息列表',url:'position.json',fitColumns:true,rownumbers:true,singleSelect:true,method:'get'">
                <thead>
                    <tr>
                        <th data-options="field:'name',width:2">
                            岗位名称
                        </th>
                        <th data-options="field:'desc',width:3">
                            岗位描述
                        </th>
                        <th formatter="formatOp" data-options="field:'id',width:1">
                            操作
                        </th>
                    </tr>
                </thead>
            </table>

在使用中要注意的是, 如果某列的 field值,在前面已经出现过,则后出现的同field列,将按第一次出现的field列使用。如果第一次出现的field同值的列没有formatter,后续的formatter将无效

处理办法,是将后续的出现的列的field改成 任意不存在的列即可,注意:不能是空字符串

如果在formatter函数中需要使用某属性的值,可通过

function(value,rowData,rowIndex) 第二个参数rowData.属性名访问

 

 

 

分享到:
评论
3 楼 Mind-Hacks 2016-06-07  
3q  
2 楼 pandaSLP 2016-05-08  
  3q
1 楼 ci2011ss 2014-11-13  

相关推荐

    easyui datagrid 表格 打印

    标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过formatter处理后的数据在打印时保持原有的格式。 在描述中提到的“支持formatter格式化数据的打印”,指的是Datagrid中用于数据美化和...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户界面。本文将深入探讨如何使用EasyUI datagrid实现多条件筛选功能,特别是支持可复选的筛选条件,类似于淘宝网站上的...

    easyui datagrid排序图标

    在使用EasyUI框架进行Web应用开发时,DataGrid是一个非常重要的组件,用于展示结构化的数据。DataGrid提供了很多功能,包括分页、过滤、排序等。然而,标题中提到的"easyui datagrid排序图标"是DataGrid的一个关键...

    easyui的datagrid中editor和combobox的级联

    ### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...

    解决easyui datagrid控件的日期显示问题1

    综上所述,解决EasyUI datagrid控件的日期显示问题,关键在于在前端使用`formatter`函数对日期进行格式化,并确保服务器返回的日期数据已经被正确序列化为字符串。同时,后台的日期处理也非常重要,要确保与前端的...

    easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能

    EasyUI的Datagrid是一款强大的数据展示组件,常用于Web应用中的数据管理。它提供了一整套功能,使得在网页上实现复杂的数据操作变得简单。基于提供的标题和描述,我们可以深入探讨以下几个关键知识点: 1. **超链接...

    easyui的datagrid中editor和combogrid的结合使用

    ### easyui的datagrid中editor和combogrid的结合使用 #### 一、easyui简介及datagrid功能概述 easyUI是一个基于jQuery的用户界面插件集合,它提供了丰富的UI组件,帮助开发者快速创建交互式Web应用。其中,...

    easyUI的dataGrid的使用DEMO

    这个“easyUI的dataGrid的使用DEMO”包含了数据库脚本文件,意味着它不仅展示了如何在前端使用 dataGrid,还可能涉及到了后端数据的处理和交互。 1. **jQuery EasyUI 数据网格(dataGrid)**: - `dataGrid` 是 ...

    query_easyui_datagrid的增加_修改_删除.

    ### Query EasyUI Datagrid 的增加、修改与删除 在探讨如何使用`query_easyui_datagrid`进行数据的增加、修改和删除之前,我们先来了解EasyUI库的基础知识及其提供的Datagrid组件。EasyUI是一个基于jQuery的用户...

    Easyui Datagrid自定义按钮列(最后面的操作列)

    formatter函数是EasyUI Datagrid提供的一个函数,用于格式化表格的内容。formatter函数有三个参数,val是当前单元格的值,row是当前行对象,index是当前行的索引。 通过自定义按钮列和EasyUI Datagrid提供的方法和...

    easyui datagrid 表格中操作栏 按钮图标不显示的解决方法

    通过以上方法,你应该能成功解决EasyUI Datagrid中按钮图标不显示的问题。确保正确引入资源、动态添加和解析DOM以及检查可能的样式冲突,都是解决此类问题的关键步骤。同时,持续关注EasyUI的文档更新和社区讨论,...

    EasyUI的DataGrid每行数据添加操作按钮的实现代码

    在使用EasyUI开发Web应用程序时,DataGrid是一个非常实用的组件,它可以帮助我们展示大量结构化的数据,并且提供了丰富的交互功能。在某些情况下,我们可能需要在DataGrid的每行数据后面添加操作按钮,以便用户可以...

    easyUI,datagrid小样例

    10. **自定义模板**:Datagrid 允许开发者自定义单元格的显示内容,通过 `formatter` 函数实现。这在展示复杂格式的数据或添加交互元素时非常有用。 在 "WebContent" 文件夹中,通常会包含 HTML 文件、CSS 文件和 ...

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

    在本文中,我们将深入探讨如何在基于EasyUI和TopJUI的Web应用程序中,使用datagrid组件来显示图片,并实现点击图片后放大浏览的功能。这个压缩包文件包含了实现这一功能所需的CSS样式文件、JavaScript脚本以及图片...

    .net 使用easyUI_DataGrid分页

    在.NET开发中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的组件库,其中包括DataGrid。DataGrid是一个功能强大的表格控件,适用于展示大量数据并进行分页、排序、筛选等操作。本教程将深入讲解如何在.NET环境...

    让easyui datagrid-detailview. +号图标 定义在其他列的后面

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid、dialog、menu等,用于快速构建用户界面。在本问题中,我们聚焦于如何将`datagrid-detailview`的展开加号图标定义到其他列的后面...

    jquery EasyUI的formatter格式化函数代码

    在jQuery EasyUI框架中,`formatter`是一个非常重要的功能,用于自定义数据显示的方式,特别是在数据表格(`datagrid`)中。这个功能允许开发者根据实际需求对数据进行格式化处理,如颜色、样式或者内容的转换。在给出...

    easyui-datagrid特殊字符不能显示的处理方法

    通过以上步骤,我们就成功地解决了EasyUI datagrid不能显示特殊字符的问题。现在,即使数据中包含HTML标签,datagrid也能正确显示它们作为文本内容,而不会误解析为HTML元素。 总结起来,处理EasyUI datagrid特殊...

Global site tag (gtag.js) - Google Analytics