EasyUI DataGrid 将table中的数字替换为文字

最新推荐文章于 2021-09-15 17:30:33 发布

半途流浪

最新推荐文章于 2021-09-15 17:30:33 发布

阅读量1.3k

点赞数 1

分类专栏： easyui 文章标签：前端 easyui DataGrid

本文链接：https://blog.youkuaiyun.com/ericlee1994/article/details/98036504

版权

easyui 专栏收录该内容

2 篇文章

订阅专栏

“状态列” 数据库传递0，1

HTML：

<table id="lmsinfo" class="easyui-datagrid" title="考试管理"
           style="width: auto; height: 730px;">
        <thead>
        <tr>
            <th
                    data-options="field:'testname',width:fixWidth(0.2),align:'center'">考试名称
            </th>
            <th
                    data-options="field:'testpapername',width:fixWidth(0.2),align:'center'">试卷名称
            </th>
            <th
                    data-options="field:'timelimit',width:fixWidth(0.1),align:'center'">考试时长
            </th>
            <th
                    data-options="field:'begintime',width:fixWidth(0.15),align:'center'">开始时间
            </th>
            <th
                    data-options="field:'deadtime',width:fixWidth(0.15),align:'center'">截止时间
            </th>
            <th
                    data-options="field:'trainerInfo',width:fixWidth(0.1),formatter:getTrainerName,align:'center'">创建人
            </th>
            <th
                    data-options="field:'isAvailable',width:fixWidth(0.1),align:'center',formatter:getTestState " >状态
            </th>
        </tr>
        </thead>
    </table>

JS：

function getTestState(value,row,index) {
            var res ='';
            switch (value){
                case 0:
                    res = '<font style="color:red;">已关闭</font>';
                    break;
                case 1:
                    res = '<font style="color:green;">未关闭</font>';
                    break;
                default:
                    break;
            }
            return res;
        }

效果如下