1.拖入6个字段,并且对产品系列、产品类型分组
2.添加产品系列、产品类型的页眉
3.拆分产品系列、产品类型的单元格
4.将产品系列、和产品类型的汇总拖到产品名称处
5.删除产品系列,产品类型
6.打开列表的锁
7.按住CTRL,拖动数量、单位成本、单价到产品类型,产品系列的页眉处
8.拷贝整体页眉HTML项目
代码如下:
alert(el.src);
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";
}
}
}
9.拖入两个HTML项目,修改成查询项目,并修改表达式
产品系列代码如下:
''+ [gosales_goretailers].[产品].[产品系列] + ''
产品类型代码如下:
''+ [gosales_goretailers].[产品].[产品类型] + ''
10.删除掉产品系列和产品类型
11.设置产品类型的填充为左侧20,设置产品名称的填充为左侧40
12.增加列表页脚,并拷贝HTML代码,删除掉列表页脚几个字
代码如下:
13.选择列表,并设置列表每页行数为9999(这样就不用再翻页了)
14.这样一个树状报表就做好了,剩下就是调整颜色,样式的工作了