easyui之datagrid之formatter(后台传递常量自动转换值)

最新推荐文章于 2023-05-24 11:25:02 发布

转载最新推荐文章于 2023-05-24 11:25:02 发布 · 533 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/aquriushu/p/5764249.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何使用DataGrid中的formatter属性来格式化显示值。通过一个具体的例子展示了如何根据后台传递的状态值（1或非1），自动生成前端展示的文本（如“未处理”或“已处理”）。此方法适用于需要根据数据的不同状态显示不同文本的场景。

1，datagrid之formatter

　　formatter格式化函数有三个参数：

　　　　value：字段值（一般为后台传递给前台的值）；

　　　　row：当前行数据；

　　　　index：当前行索引。

　　return值是显示值，所以如果有if，则必须得有else.

　　特别记住：data-options中的formatter是不用加单引号的，不加单引号，不加单引号。

　　例：常用自动生成行格式化用法：

 1 <head>
 2     <script type="text/javascript">
 3         function formatState(value,row){
 4             if(value==1){
 5                 return "未处理";
 6             }else{
 7                 return "已处理";
 8             }
 9         }
10     </script>
11 </head>
12 <body> 
13     <table id="dg" class="easyui-datagrid">
14          <thead>
15              <tr>
16                  <th data-options="field:'state',formatter:formatState">
17                      状态
18                  </th>
19              </tr>
20          </thead>
21     </table>
22 <body>