EasyUI 之 easyui-datagrid 字段格式化

Posted 破酷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI 之 easyui-datagrid 字段格式化相关的知识,希望对你有一定的参考价值。

后台返回的json格式;

列表字段要显示username 用户的真实姓名;

formatter="formatterByUserName"
<table id="dg"class="easyui-datagrid" style="width:100%;height:auto;"
            url="<%=basePath %>notice/listByPage"
            toolbar="#toolbar" pagination="true"
            title="公告管理"
            rownumbers="true" fitColumns="true" singleSelect="true">
        <thead>
            <tr>
                <th field="title" width="50">标题 </th>
                <th field="content" width="50">内容</th>
                <th field="createDate" width="50">创建时间</th>
                <th field="user" width="50" formatter="formatterByUserName">用户</th>
            </tr>
        </thead>
    </table>
<script type="text/javascript">
    
    function formatterByUserName(val,row){
        if(val==null){
            return "";
        }
        return val.username;
    }
</script>

 

以上是关于EasyUI 之 easyui-datagrid 字段格式化的主要内容,如果未能解决你的问题,请参考以下文章

Easyui-datagrid显示时间的格式化代码

easyui-datagrid 的loader属性用法

easyui-datagrid加载时的效率低下,解决方案

easyui-datagrid分页部分翻页按钮不显示

动态修改easyui-datagrid 列

easyui-datagrid 编辑模式详解