`

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格式化数据的打印,还原的最初datagrid 的表格数据

    jquery EasyUI的formatter格式化函数代码

    要格式化数据表格列,需要设置formatter属性,该属性是一个函数,它包含两个参数: value: 对应字段的当前列的值 record: 当前行的记录数据 代码如下: $(‘#tt’).datagrid({ title:’Formatting Columns’, width:...

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

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

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

    最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...

    JQueryEasyUI之DataGrid数据显示

    在有的项目中,为了方便将数据库中的某些定值储存为指定的数字,例如在State中,将1指定为允许,0指定为禁止,但是在管理界面用1和0显示却不太...formatter:function(value,row,index){ if(value==1){ return 允许拓

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

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

    jquery-easyui-1.3.6.zip

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

    SYPRO示例项目源码和EasyUI入门视频教程

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

    [DataGird]如何截取过长的字符串

    [DataGird]如何截取过长的字符串

    formatter的用法

    Formatter是datagrid中单元格的格式化函数,目的之让数据按照用户的习惯更好的显示出来。本文檔用了一個小例子展示formatter的靈活性及效果

Global site tag (gtag.js) - Google Analytics