1实现行属性的目录树展开功能。
1.1在LIST报表中的现实1.拖入6个字段，并且对产品系列、产品类型分组，如下图：2．添加产品系列、产品类型的页眉3．拆分产品系列、产品类型的单元格4．将产品系列、和产品类型的汇总拖到产品名称处5．删除产品系列，产品类型6．打开列表的锁7．按住CTRL，拖动数量、单位成本、单价到产品类型，产品系列的页眉处8．在report page中插入HTML控件，然后拷贝如下代码进去，下面代码主要是定义了两个函数，一个用于目录树的展开与缩进，另一个用于页面初始化时隐藏一些数据,下面代码只支持到2层目录，更详细的含义可参考的在交叉表中实现目录树功能的注释。
代码如下：<script>function ExpandCollapse( el ){var tr = el.parentElement.parentElement;var tbl = tr.parentElement.parentElement;var sDisplay = ( el.src.indexOf( "minus" ) == -1 ) ? "" : "none";var sDisplayReverse = ( el.src.indexOf( "minus" ) == -1 ) ? "none" : "";el.src = "../pat/images/PropertyGroup_" + ( el.src.indexOf( "minus" ) == -1 ? "minus" : "plus" ) + ".gif";for ( var i = tr.rowIndex + 1; i < tbl.rows.length; i++ ){var trCurrent = tbl.rows( i );if ( trCurrent.cells( 0 ).firstChild && trCurrent.cells( 0 ).getElementsByTagName( "IMG" ).length ){if ( tr.cells(0).style.paddingLeft =="" && trCurrent.cells(0).style.paddingLeft =="20px" ){if (el.src.indexOf( "minus" ) == -1 ){trCurrent.cells(0).getElementsByTagName("IMG").item(0).src = "../pat/images/PropertyGroup_plus.gif";}}else {break;}}if ( tr.cells(0).style.paddingLeft =="" && trCurrent.cells(0).style.paddingLeft =="40px" && el.src.indexOf( "minus" ) >0 ){trCurrent.style.display = sDisplayReverse;}else {trCurrent.style.display = sDisplay;}}}function StartHidden(el){var tbl=el.parentElement.parentElement.parentElement.parentElement;for (var i = 0; i < tbl.rows.length; i++){var trCurrent = tbl.rows(i);if (trCurrent.cells(0).style.paddingLeft.indexOf("px") > -1){trCurrent.style.display = "none";}}}</script>9．拖入两个HTML项目插入到产品系列与产品类型单元格前面，修改成查询项目，并修改表达式产品系列中HTML控件代码如下：'<img onclick=''ExpandCollapse(this)'' src=''../pat/images/PropertyGroup_plus.gif'' style=''cursor:hand; vertical-align:middle; margin-right:2px''/><span onclick=''ExpandCollapse(this.previousSibling)'' style=''cursor:hand''>'+ [gosales_goretailers].[产品].[产品系列] + '</span>'产品类型中HTML控件代码如下：'<img onclick=''ExpandCollapse(this)'' src=''../pat/images/PropertyGroup_plus.gif'' style=''cursor:hand; vertical-align:middle; margin-right:2px''/><span onclick=''ExpandCollapse(this.previousSibling)'' style=''cursor:hand''>'+ [gosales_goretailers].[产品].[产品类型] + '</span>'10．删除掉产品系列和产品类型11．设置产品类型的填充为左侧20，设置产品名称的填充为左侧4012．增加列表页脚(注意，这里的HTML控件一定要放入表页脚里面，否则不能实现隐藏数据的功能)，并拷贝HTML代码，删除掉列表页脚几个字代码如下：<img onload='StartHidden(this)' src='../pat/images/blank.gif'/>13．选择列表，并设置列表每页行数为9999（这样就不用再翻页了）14．这样一个树状报表就做好了，剩下就是调整颜色，样式的工作了1.2交叉表实现在交叉表中现实目录树有两种方法，第一种主要技术是通过UNION等方法首先实现类似分组的功能，然后再利用HTML代码实现，第二种的主要技术是建立在一定的前提下，前提是：在制作报表前已对数据模型进行了特殊的设计。
下面介绍第二种方法。
1，在报表中插入的数据如下图所示：界面中分别插入了三个HTML控件，与在LIST表中位置一样。
由于在交叉表中不能对数据进行分组，所以不能采用在LIST表中的实现方法，但是原理是一样的。
主要不同之前要对数据模型进行设计。
paddingLeft 属性设置元素的左内边距。
padding 属性定义元素边框与元素内容之间的空间。
1、页头中的HTML代码如下：<script>/*纵向折叠*/function ExpandCollapse1( el ){if ( el.src.indexOf( "blank" ) >0 ) return;var tr = el.parentElement.parentElement;var tbl = tr.parentElement;/*判断加减号*/el.src = "../pat/images/PropertyGroup_" + ( el.src.indexOf( "minus" ) == -1 ? "minus" : "plus" ) + ".gif";/*判断层次*//*每一个最外层的if实现一级目录的展开与缩进*/if(tr.cells(0).style.paddingLeft =="20px"){/*”20px“表示是第一级目录。
*//*循环读取并判断表中每一条记录。
*/for ( var i = tr.rowIndex + 1; i < tbl.rows.length; i++ ){var trCurrent=tbl.rows(i);if(trCurrent.cells(0).style.paddingLeft =="20px")/*如果是当前目录则退出循环不作处理*/{break;}if ( el.src.indexOf( "minus" ) >0 )/*判断是否图标为“-”号，如果是则有可能是其已经展开了的子目录，但现还不能确定是否是其子目录，有可能是同一级的已展开了的目录*/if(trCurrent.cells(0).style.paddingLeft =="40px" )/*判断是否为当前目录的子目录。
若是则展开，因为”minus“标记表明已经由”plus“转变过来。
即点击了”+“号。
*/{/*表示可以显示*/trCurrent.style.display = "";/*并将”-“号图标变为”+“号以表明目录已展开，方便下次判断*/trCurrent.cells(0).getElementsByTagName("IMG").item(0).src = "../pat/images/PropertyGroup_plus.gif";}/*以下if语句实现展开后缩进*/if ( el.src.indexOf( "plus" ) >0 )if((trCurrent.cells(0).style.paddingLeft =="40px" )||(trCurrent.cells(0).style.paddingLeft =="60px" )||(trCurrent.cells(0).style.paddingLeft =="80px" )){/*隐藏当前目录下的行记录。