亿信华辰文档中心 >> 行收缩脚本 >> 历史版本
编辑时间历史版本内容长度图片数目录数修改原因
10-12 23:53 最新历史版本 2456 0 0 设置目录
  返回词条

行收缩脚本

实现效果:在综合报告类页面,可以默认展示几行,通过点击按钮控制表格收起,展开

该函数收缩表格分为两种情况:
        1、表格有外层容器(设置表格对于外层容器 水平撑满,外层容器可以设置宽度,分为百分比和数值两种方式
        2、表格无外层容器(可以直接设置表格宽度,分为百分比和数值两种方式)

        *函数需要使用文本或者图片的方式  提供两个按钮,一个 用来收缩,一个用来展开
        *如果表格设置外层容器,切记不要外层容器设置为自适应
        *表格或者表格外层容器水平方向不可以用其他 容器或者组件

/**
 行收缩脚本:请默认在最后一行保留至少一个固定行,否则display:none设置,会导致表格边框缺失
 tableId:表格ID
 parentFlag:表格是否嵌套父级容器 1:有 0 :没有
 tableParentId:表格父容器ID,没有为""
 parentDivWidth: 可以设置为%何固定数值两种方式:90%代表屏幕宽度百分之90%(若设置百分比,请在div左边距处同样通过%方式设置),1344代表屏幕宽度为1344px;没有父容器,此处设置为""
 defaultTopRow:预留标题行行数
 defaultButtomRow:预留下方固定行行数
 dispalyRow:默认展示行数
 upDivId:收缩文本或图片按钮容器ID
 downDivId:展开文本或图片按钮容器ID
 defaultStatus: 状态 1:为默认表格收缩 0:默认表格展开  (在按钮上设置 :展开按钮设置为1,收起按钮 设置为0)
**/
默认收起表格:
    调用函数
    tableDraggle("GRID1",1,"HHH4","90%",1,1,5,"HHH40","HHH39",1);
    收起按钮调用函数:
    tableDraggle("GRID1",1,"HHH4","90%",1,1,5,"HHH40","HHH39",1);
    展开按钮调用函数
    tableDraggle("GRID1",1,"HHH4","90%",1,1,5,"HHH40","HHH39",0);

附件为:

标签