【转】easyUI datagrid 动态控制列的隐藏和显示

海报显示控制技巧

最新推荐文章于 2023-03-29 10:35:24 发布

转载最新推荐文章于 2023-03-29 10:35:24 发布 · 596 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tyrd/p/10972781.html

本文介绍两种在Easyui Datagrid中根据pictureId字段值动态显示或隐藏海报列的方法，通过使用formatter函数实现列的条件性展示。

方法一：{field:'pictureId',title:'是否有海报',width:70,align:"center",
                                      // v 当前字段值, r行对象, i为索引
                                      formatter:function(v,r,i){
                                          if(r.pictureId == null || r.pictureId == ''){
                                              $('#gridspecialprogram').datagrid('hideColumn', 'pictureId');//pictureId:filed值
                                          }else{
                                              $('#gridspecialprogram').datagrid('showColumn', 'pictureId');//gridspecialprogram:datagrid的id
                                              return r.pictureId;
                                          }
                                      }
                                  }

方法二：{field:'pictureId',title:'是否有海报',width:70,align:"center",
                                      // v 当前字段值, r行对象, i为索引
                                      formatter:function(v,r,i){
                                          if(r.pictureId == null || r.pictureId == ''){
                                              $('td[field="pictureId"]').hide();//pictureId:filed值
                                          }else{
                                              $('td[field="pictureId"]').show();//gridspecialprogram:datagrid的id
                                              return r.pictureId;
                                          }
                                      }
                                  }
---------------------
作者：成市风彩
来源：优快云
原文：https://blog.youkuaiyun.com/world_the_begin/article/details/80326805

转载于:https://www.cnblogs.com/tyrd/p/10972781.html