datagrid加载数据，列内容显示，改变字体颜色

最新推荐文章于 2021-08-24 11:32:24 发布

fudapeng7

最新推荐文章于 2021-08-24 11:32:24 发布

阅读量1.2w

点赞数 1

分类专栏： javascript 零散笔记 EasyUI 文章标签： datagrid easyUI 字体颜色

本文链接：https://blog.csdn.net/qq_25409579/article/details/50495652

版权

本文展示了如何在使用easyUI的datagrid加载数据时，自定义列内容的字体颜色。通过在formatter函数中根据不同的状态值返回带有不同颜色的HTML字符串，实现了如‘未变更’显示为蓝色字体的效果。

摘要由CSDN通过智能技术生成

//1.加载数据列内容显示蓝色字体
#region 加载数据列内容显示蓝色字体
//代码出自：三项工作--项目管理系统--项目管理--项目变更--采购方式变更申请
//页面路径：Operation/PurchaseModeAdjustList.aspx

 function loadData() {
            $('#dg').datagrid({
                url: '',
                fit: true, // 自动填充
                singleSelect: true, // 单选
                pagination: true, // 分页信息
                rownumbers: true, // 显示行号
                idField: 'AdjustId',
                columns: [[
                    //{ field: 'PetitionNo', title: '项目编号', width: 120, halign: 'center' },
                    { field: 'PetitionName', title: '项目名称', width: 240, halign: 'center' },
                    { field: 'Nd', title: '年度', width: 80, halign: 'center', align: 'center' },
                    { field: 'ProjectTypeName', title: '项目类型', width: 100, halign: 'center' },
                    { field: 'DeptName', title: '实施部门', width: 180, halign: 'center' },
                    { field: 'BuyManner', title: '采购方式', width: 100, halign: 'center' },
                    { field: 'SignManner', title: '采购形式', width: 100, halign: 'center' },
                    { field: 'BidingWay', title: '实施形式', width: 100, halign: 'center' },
                    {