`

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控件的日期显示问题1

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

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

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

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

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

    easyUI的dataGrid的使用DEMO

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

    easyUI,datagrid小样例

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

    .net 使用easyUI_DataGrid分页

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

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

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

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

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

    jquery EasyUI的formatter格式化函数代码

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

    jquery easy ui edatagrid 动态编辑表格 例子

    2. **配置列**:定义每一列的字段,可以指定某列使用下拉框,并为其指定数据源,例如使用`formatter`和`editor`属性。 3. **处理联动**:使用jQuery和Easy UI的事件系统,监听下拉框的`onSelect`事件。当用户选择一...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...

    EasyUI-1.Datagrid 数据网格

    EasyUI 是一个基于 jQuery 的前端框架,主要...同时,EasyUI 提供了丰富的文档和示例,方便开发者快速上手和解决问题。对于压缩包中的 "OA" 文件,可能包含与 Datagrid 相关的示例代码或配置文件,供开发者参考学习。

    详解EasyUi控件中的Datagrid

    EasyUI控件中的Datagrid详解 EasyUI是国内流行的前端框架之一,提供了许多实用的控件,Datagrid是其中一个非常实用的控件。本文主要介绍了EasyUI控件中的Datagrid的相关资料,以及如何使用EasyUI创建一个Datagrid。...

    浅谈MVC+EF easyui dataGrid 动态加载分页表格

    在本文中,我们将深入探讨如何使用MVC(Model-View-Controller)框架、Entity Framework(EF)以及EasyUI中的dataGrid组件实现动态加载分页表格的功能。这种技术常用于Web应用开发,它允许用户在不刷新整个页面的...

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

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

Global site tag (gtag.js) - Google Analytics