easyui扩展行默认展开 以及 去除滚动条

摘要:
i<row){27if(row.FeeCategoryID==1){28return‘<40for(varind=0;ind<ind++){41$cotent+='<liclass=“datail item”>span>'+到Double数千(feeDetail[ind].AmountWithTax)+'<
 问题背景:
在做打印页面的时候,要求有详细的默认展开显示。 
 
遇到的问题:
1)在用扩展行的时候,grid的所有行都添加了展开收起的图标,(第二行没有明细)如下
easyui扩展行默认展开 以及 去除滚动条第1张
 2)默认展示有详细行的时候,内容被滚动条遮挡(影响打印)
easyui扩展行默认展开 以及 去除滚动条第2张
 
 3) 解决方法:在easyui扩展行的 onLoadSuccess 函数里进行处理 
  1 $list.datagrid({
  2     view: detailview,
  3     onLoadSuccess: function (data) {
  4 
  5         //没有详细的行 去掉 展示收起图标
  6         for (var i = 0; i < data.rows.length; i++) {
  7             if (data.rows[i].FeeCategoryID != 1) {
  8                 var expander = $('body').find('tr.datagrid-row[datagrid-row-index=' + i + ']');
  9                 expander.children('[field="_expander"]').html('');
 10             }
 11         }
 12 
 13         //默认展开所有详细行
 14         var row = $list.datagrid("getRows");
 15         for (var r = 0; r < row.length; r++) {
 16             $list.datagrid("expandRow", r);
 17         }
 18 
 19         //去除滚动条
 20         var $ScrH1 = $('.datagrid-view1 .datagrid-body');
 21         var $ScrH2 = $('.datagrid-view2 .datagrid-body');
 22         $ScrH1.height($ScrH2[0].scrollHeight);
 23         $ScrH2.height($ScrH2[0].scrollHeight);
 24         $('.datagrid-view').height($('.datagrid-view2').height());
 25     },
 26     detailFormatter: function (index, row) {
 27         if (row.FeeCategoryID == 1) {
 28             return '<div   style="padding:5px 0"></div>';
 29         }
 30     },
 31     onExpandRow: function (index, row) {
 32         var feeID = row.FeeCategoryID;
 33         var feeType = feeTypes.first(function (item) { return item.ID == feeID; });
 34         if (feeID == 1) {
 35             var wrap = $(this).datagrid('getRowDetail', index).find('div.datail-item-wrap');
 36             var $cotent = '';
 37             var feeDetail = row.ExpenseClaimFeeItems;
 38             var detailData = JSON.parse(JSON.stringify(feeType.Feecategoryitem));
 39             var dataLen = detailData.length;
 40             for (var ind = 0; ind < dataLen; ind++) {
 41                 $cotent += '<li class="datail-item"><span>' + detailData[ind].FeeTypeCNName + ':</span><span>' + toDoubleThousands(feeDetail[ind].AmountWithTax) + '</span></li>';
 42             }
 43             $cotent = '<ul>' + $cotent + '</ul>';
 44         } else {
 45             return
 46         }
 47         wrap.panel({
 48             border: false,
 49             cache: false,
 50             fit: true,
 51             content: $cotent,
 52             onLoad: function () {
 53                 $list.datagrid('fixDetailRowHeight', index);
 54             }
 55         });
 56         $list.datagrid('fixDetailRowHeight', index);
 57     }
 58 });
    

免责声明:文章转载自《easyui扩展行默认展开 以及 去除滚动条》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇AI MoveTo 跟随移动Linux 下 pushd,popd,cd- 用法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

如何实现table表格中的button按钮有加载中的效果

一、如何实现table表格中的button按钮有加载中的效果 效果:  前端代码: <el-table-column label="送货单信息" align="center" width="110"> <template slot-scope="scope"> <el-button slo...

DGL学习(三): 消息传递教程

在本节中,我们将不同级别的消息传递API与PageRank一起使用。 在DGL中,消息传递和功能转换是用户定义的函数(UDF)。 PageRank 算法: 在PageRank的每次迭代中,每个节点(网页)首先将其PageRank值均匀地分散到其下游节点。 每个节点的新PageRank值是通过汇总从其邻居收到的PageRank值来计算的,然后通过阻尼因子(d...

Spring Cloud Alibaba 初体验(三) Nacos 与 Dubbo 集成

一、新建项目 新建项目,只放置接口,用于暴露 Dubbo 服务接口 public interface GreetingService { String greeting(); } 二、provider 本文以上文中的 Service1 作为 provider,以 Service2 作为 consumer 2.1 添加依赖 <depende...

CSS transform旋转问题

我们都知道css的transform可以让旋转多少角度:transform:rotate(90deg),但是设置后只能旋转一次,如何想让它一直旋转下去怎么办?一种是使用matrix属性获取当前transform属性,然后通过转换成角度传入rotate,我比较喜欢偷懒所以就通过字符拼接的方法,来获取旋转角度变量。 <!DOCTYPE html>...

Python之字符编码与文件操作

目录 字符编码 Python2和Python3中字符串类型的差别 文件操作 文件操作的方式 文件内光标的移动 文件修改 字符编码 什么是字符编码? ''' 字符编码就是制定的一个将人类的语言的字符与二进制数据一一对应地翻译过来的标准。 ''' 字符编码的发展史与分类: 计算机最早的字符编码为ASCII,只规定了英文字母、数字和一些特殊字符与数字一一...

简单的图像相似度计算方法

目录 塑料瓶图像检测 说明 1.方法 2.测试结果(单张图片比对) 直方图 互信息 余弦相似度 感知哈希算法 3.评价 塑料瓶图像检测 目的:用于判断一张图片是否为塑料瓶; 条件:总计300多张图片分为70多类,同一类塑料瓶分别放置在同一个文件夹; 思路:选取每个文件夹的一张图片与目标图片对比计算返回相似度最高的值,通过多次试验确定阈值,...