Grid/treeview控件简要介绍 #4

Anuluca     Date : 2020-05-18   Tags : 2

grid控件简要介绍

1.示例代码

1
2
3
4
5
6
7
8
9
10

<grid:gridtitle caption="入库单明细(<span style='color:red'>单位:万支</span>)" collection="result.list">
    <grid:gridreport  
        property="billgrid" 
        collection="result.list" 
        funtype="2" showtotal="true"	
        caption="caption.list" height="100%" 			
        width="100%" 
        totalcollection ="result.list" 
        showcheckbox="true" />
</grid:gridtitle>

*以上数据均为虚构

2.标签说明

• grid:gridtile标签: 生成外围的蓝色边框
  caption: 指示性文字标题说明；
  collection: 结果集,用于获取记录数；
  其中记录数的条数取自于collection="result.list"所配置的结果集中数据行数。

• grid:gridreport标签: 生成报表
  property: 用于唯一标识此报表；
  caption: 报表的头信息结果集(如"卷烟名称",“入库总量”,…)；
  collection: 报表中的内容结果集(如"厦门(礼珍品，厦门),112,112,…“)；
  totalcollection: 生成合计行所引用的结果集；
  showtotal: 是否将totalcollection所表示的结果集中的最后一条数据放置到报表底部作为合计行(true表示是)；
  showcheckbox: 是否在报表中显示checkbox(true表示是)；
  function: 2表示报表中右击菜单功能激活；
  固定列: 在caption结果集中将对应的标题的fixcol字段设置为1；
  可输入列: 在caption结果集中将对应的标题的type字段设置为"input”,否则设置为"label"；
  隐藏列: 在caption结果集中将对应的标题的width设置为0；
  可保存列: 在caption结果中将对应的标题的isreturn设置为"true",在调用billgridgetsavevalue()可以直接获取设置为isreturn为"true"的字段值。

3.常用函数

• grid标签函数命名规则: proerty属性值+函数名,如"billgridgetsavevalue()"

• 读取报表内容数据函数：
  billgridgetselectvalue(colname): 获取当前选中行列名为colname的内容值；
  colname: 可以为是隐式或显式列名,使用逗号分隔多个列名组成colname字符串可以取多个列内容值；
  billgridgetdetailbycheck(colname, checked): 获取选中或未选中行指定的列对应内容；
  checked: 0表示未选中行,1表示选中行,-1或null表示所有行，使用逗号分隔多个列名组成colname字符串可以取多个列内容值；
  billgridgetdetail(colname): 与上面函数checked为-1或null等价，使用逗号分隔多个列名组成colname字符串可以取多个列内容值；
  billgridgetsavevalue(): 获取所有可保存列的内容，可保存列由caption结果集中的isreturn字段值控制；

• 获取报表行或列索引
  billgridreportrownumber: 当前选中行的报表行号；
  billgridgetcolnumber(type, colname): 获取列所在报表中的索引；
  type: 0表示报表中内容字段,1表示固定列中的字段；
  colname: 隐式或显式列名,可以多个列内容值；

• 获取指定行列单元格中的数据
  billgridgettable(type): 获取特定类型的表对象；
  type: "01"固定列的内容,"11"非固定列的内容；
  使用billgridreportrownumber参数可以定位到某行；
  使用billgridgetcolnumber(type, colname)函数可以定位到某列；
  共有代码:获取单元格数据；
  如果单元格为非输入类型tab.rows(rowIndex).cells(colIndex).innerText
  如果单元格为输入类型tab.rows(rowIndex).cells(colIndex).value
  rowIndex:行索引
  colIndex:列索引
  tab.rows.length:表的总行数
  给单元格赋值:
  tab.rows(rowIndex).cells(colIndex).innerText = value1;或
  tab.rows(rowIndex).cells(colIndex).value = value2

treeview控件简要介绍

1.示例代码

1

<select:treeview property="nodescomp" expandlevel="1" showroot="false" 	collection="company.list"	nodeid="code"nodetype="ifcompany" showcheckbox="true"	nodeparentid="parentcode" nodetext="shortname" onclick="show();"/>

*以上数据均为虚构

2.标签说明

• select:treeview标签: 通过提供具有父子层次级别的结果集可以生树
  property: 唯一标识此树；
  collection: 具有层次的结果集,生成树的数据源；
  expandlevel: 展开第几层次，1表示第一层；
  showcheckbox: 是否在节点上显示checkbox("true"显示,"false"不显示)；
  nodeid: 节点id(与结果集中字段对应，必须小写，下面一样)；
  nodeparentid: 父节点id(与结果集中字段对应)；
  nodetype: 节点类型(与结果集中字段对应)；
  nodetext: 节点名称(与结果集中字段对应)；
  onclick: 点击节点所调用的方法。

3.select:treeview标签常用函数:

• nodescomp.getselectid(): 获取选中(点击)节点的nodeid所对应的字段在结果集的值；
• nodescomp.getselectid(nodetype): 获取选中(点击)节点的nodeid所对应的字段在结果集的值；
• nodetype: 表示nodetype属性所代表的字段在结果集中值,主要用于筛选出某类型(如只取公司类型的节点)的节点nodeid集合,在多选中常用到；
• nodescomp.getselecttype(): 获取选中(点击)节点的nodetype所对应的字段在结果集的值；
• nodescomp.getselecttext(): 获取选中(点击)节点的nodetext所对应的字段在结果集的值。