easyui formatter

最新推荐文章于 2019-05-07 13:38:17 发布

原创最新推荐文章于 2019-05-07 13:38:17 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用EasyUI框架中的datagrid组件，并通过一个具体示例展示如何利用formatter函数来格式化显示数据，特别关注如何根据数值显示不同的文本。

formatter

formatter:function(value,row,index){
            //value当前值
            //row，当前行对象
            //index，行号，从0开始         
         }

完整示例

$("#chargehistoryDatagrid").datagrid(
            {
                url : "/manage/infos",
                fitColumns : true,
                rownumbers : true,
                striped : true,
                loadMsg : "数据加载中",
                singleSelect : false,
                ctrlSelect : false,
                remoteSort : false,
                pagination : true,
                pageSize : 20,
                pageList:[20,25],
                showFooter:true,
                columns : [ [  {
                    field : 'flow',
                    title : '流向',
                    align : 'center',
                    formatter:function(value,row,index){
                        if(value==1){
                            return "流入";
                        }else{
                            return "流出";
                        }
                    }
                } ] ]
            });