EasyUI DataGrid 中字段 formatter 格式化不起作用

今天用 EasyUI datagrid 来做列表,要对一些数据进行格式化,推断某字段状态时,发现 formatter 格式化相应的函数不起作用。

<table id="list_data" title="未审核报表" class="easyui-datagrid" style="width: auto;height:350px;" url=""
       toolbar="#toolbar" pagination="true" pagesize="10" total="20"
       rownumbers="true" fitcolumns="true" singleselect="true" pagelist="[10,20]" loadmsg="正在努力载入数据,请稍后...">
    <thead>
        <tr>
            <th data-options="field:‘报表名称‘,width:200,align:‘center‘">报表名称</th>
            <th data-options="field:‘报表分组‘,width:80,align:‘center‘">报表分组</th>
            <th data-options="field:‘报表类型‘,width:80,align:‘center‘">报表类型</th>
            <th data-options="field:‘报表分类‘,width:80,align:‘center‘">报表分类</th>
            <th data-options="field:‘制表人‘,width:80,align:‘center‘">上报人</th>
            <th data-options="field:‘实际报出日期‘,width:90,align:‘center‘" formatter="ChangeDateFormat">上报时间</th>
            <th data-options="field:‘填报单位‘,width:80,align:‘center‘">上报单位</th>
            <th data-options="field:‘审核状态‘,width:80,align:‘center‘">审核状态</th>
            <th data-options="field:‘审核状态‘,width:80,align:‘center‘" formatter="managerstr">操作</th>
        </tr>
    </thead>
</table>

出问题是这句:

<th data-options="field:‘审核状态‘,width:80,align:‘center‘" formatter="managerstr">操作</th>

改成,前面没有出现过的字段,否则,不会进来格式化的。

<th data-options="field:‘用户报表编号‘,width:80,align:‘center‘" formatter="managerstr">操作</th>

后来检查发现 : 假设某列的 field值,在前面已经出现过,则后出现的同field列,在这里,我的是 “审核状态”,将按第一次出现的field列使用。假设第一次出现的field同值的列没有formatter,兴许的formatter将无效。

function managerstr(value,rowData,rowIndex) {
        if (rowData["审核状态"] == "未审核")
            return "1";
        else if (rowData["审核状态"] == "已取回重填")
            return "2";
        else
            return "已经审核,不同意操作";
    }





EasyUI DataGrid 中字段 formatter 格式化不起作用,布布扣,bubuko.com

时间: 2024-10-22 12:12:21

EasyUI DataGrid 中字段 formatter 格式化不起作用的相关文章

easyui datagrid 中序列化后的日期格式化

1.在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/ 2.格式化后的显示为: 2015-06-04 08:30:00 3.使用代码如下: 3.1. <script type="text/javascript"> $(function () { $("#tdList").datagrid({ url: "/Admin/Dictionary/Index", title: "数据

EasyUI DataGrid根据字段动态合并单元格

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fn" uri=&

[easyui][datagrid]EasyUI DataGrid根据字段动态合并单元格

1.合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office"); */ function mergeCellsByField(tableID, colList) { var ColArray = colList.split(","); var tTable = $("#" +

easyui datagrid中datetime字段的显示和增删改查问题

datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借助于formatter来格式化时间格式 { title: '活动开始时间', field: 'BeginTime', width: 300, editor: { type: 'datetimebox', options: { required: true }, formatter: function

EasyUI 的DataGrid中DateTime的格式化问题

想必用过EasyUI的朋友们都应该会遇到这样的情况吧:(下图) 第一步:添加如下方法: function getTime(/** timestamp=0 **/) { var ts = arguments[0] || 0; var t, y, m, d, h, i, s; t = ts ? new Date(ts * 1000) : new Date(); y = t.getFullYear(); m = t.getMonth() + 1; d = t.getDate(); h = t.getH

easyui datagrid中 formatter的用法

1.基本用法 单元格formatter(格式化器)函数,带3个参数: value:字段值. row:行记录数据. index: 行索引. $('#dg').datagrid({ columns:[[ {field:'userId',title:'User', width:80, formatter: function(value,row,index){ if (row.user){ return row.user.name; } else { return value; } } } ]] });

easyUi 表格 datagrid 中字段超链接设置参数

datagrid中设置field链接   链接中通常传递的是int类型的ID字段,但是有时难免传递文本之类的参数 那可以添加 如下 : field: 'batchImg', title: '质检报告', width: 60,                        formatter: function (value, row, index) {                            //商品ID                                       

在easyui datagrid中formatter数据后使用linkbutton

http://ntzrj513.blog.163.com/blog/static/2794561220139245411997/ formatter:function(value,rowData,rowIndex){ if(value==""||value==null){ return "未知"; return rowData.cname+"<a class='easyui-linkbutton' data-options=\"iconCl

jquery数字打分插件与嵌入到EasyUI datagrid中的示例

这阵儿是断续折腾定性考评表打分的事儿了.虽是UI菜鸟,但却一直想让用户在操作上更加方便,之前基于"jQuery星级评分插件"实现了一个评分界面(因为比较简单,就不做总结了),用户反应还不错. 这一次的评分表中,各项分值的特点有:一是每个评分项的分值均不太一样:二是分值为整数,但分值范围大,从-1000到+1000都存在.若是采用在datagrid中嵌入编辑框的形式实现的话,总是觉得让用户使用不太方便,所以内心非常想做一个数字插件,然后就搜到中意的例子--"简单的jQuery用