EasyUI 之 easyui-datagrid 字段格式化

最新推荐文章于 2022-05-11 23:21:07 发布

weixin_30301183

最新推荐文章于 2022-05-11 23:21:07 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/watermelonban/p/7560414.html

本文介绍如何在 EasyUI 的 datagrid 组件中通过后台返回的 JSON 数据格式实现将用户的ID转换为真实姓名的功能。具体实现方式是在 datagrid 中使用 formatter 函数，当获取到用户信息时，通过 formatterByUserName 函数将 username 字段的内容展示出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台返回的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>

转载于:https://www.cnblogs.com/watermelonban/p/7560414.html