Rally apps sdk 1和标准报告

Rally apps sdk 1和标准报告,rally,Rally,我是新手。有没有办法在html页面上显示多个标准报告?我为每个图表创建了release溺水组件,并将这些图表显示在带有html表单元格的div元素中。我希望能够将这些图表显示为rally之外的一页。单独的图表可以工作,但当我将它们合并到一个html页面中时,只有1个可以工作 允许用户输入版本,该版本的objectid将传递给图表显示功能。请参阅下面的代码片段: function releaseSelected2(dropdown,eventArgs) { var selectedIte

我是新手。有没有办法在html页面上显示多个标准报告?我为每个图表创建了release溺水组件,并将这些图表显示在带有html表单元格的div元素中。我希望能够将这些图表显示为rally之外的一页。单独的图表可以工作,但当我将它们合并到一个html页面中时,只有1个可以工作

允许用户输入版本,该版本的objectid将传递给图表显示功能。请参阅下面的代码片段:

function releaseSelected2(dropdown,eventArgs) {
     var selectedItem=eventArgs.item;  
     var selectedValue = eventArgs.value;
     var releaseObjids2 =  new Array();
     releaseObjids2[1]=selectedItem.ObjectID;         
     displayChart2(releaseObjids2[1]);
} //end event listener for chart1
var ddown2=document.getElementById("ddown2");
var config2 = { label: "Select a release   "   };
var releaseDropdown = new rally.sdk.ui.ReleaseDropdown(config2,rallyDataSource);
releaseDropdown.display(ddown2,releaseSelected2);

 function releaseSelected(dropdown,eventArgs) {
 var selectedItem=eventArgs.item;
 var selectedValue = eventArgs.value;
 var releaseObjids =  new Array();
 releaseObjids[1]=selectedItem.ObjectID;          
 displayChart1(releaseObjids[1]);
}
var ddown1=document.getElementById("ddown1");
var config = { label: "Select a release " };
var releaseDropdown = new rally.sdk.ui.ReleaseDropdown(config,rallyDataSource);
releaseDropdown.display(ddown1,releaseSelected);

function displayChart1(release) { 
  var config = {
  report: rally.sdk.ui.StandardReport.ReleaseDefectTrend,
  title: 'Blacklight: Release defect trend',
  subtitle: 'subtitle placeholder',
   width : 550,
   height: 500,
   releases: release
};

 var report = new rally.sdk.ui.StandardReport(config);
 var div1=document.getElementById("div1");
 report.display(div1);  

  }
 function displayChart2(release2) {
var config2 = {
report: rally.sdk.ui.StandardReport.ReleaseBurnup,
 title: 'Blacklight: Release burnup',
 subtitle: 'subtitle placeholder',
 width : 550,
 height:500,
 release: release2
};                              
var report2 = new rally.sdk.ui.StandardReport(config2);
var div2=document.getElementById("div2");
report2.display(div2); 
}

//html
.
.
<table border="1">
<tr>
   <th>  </th>
   <th>  </th>
 </tr>
<tr>
<th id="ddown1">  </th>
<th id="ddown2"> </th>
</tr>
<tr>
 <td>
   <div id="div1"></div>
 </td>
<td> 
  <div id="div2"></div>
 </td>
</tr>

</table>
.
.
.
function releaseSelected2(下拉列表,事件参数){
var selectedItem=eventArgs.item;
var selectedValue=eventArgs.value;
var releaseObjids2=新数组();
releaseObjids2[1]=selectedItem.ObjectID;
显示图表2(releaseObjids2[1]);
}//图表1的结束事件侦听器
var ddown2=document.getElementById(“ddown2”);
var config2={label:“选择发布”};
var releaseDropdown=new rally.sdk.ui.releaseDropdown(config2,rallyDataSource);
releaseDropdown.显示(ddown2,releaseSelected2);
已选择功能释放(下拉列表,事件参数){
var selectedItem=eventArgs.item;
var selectedValue=eventArgs.value;
var releaseObjids=新数组();
releaseObjids[1]=selectedItem.ObjectID;
显示图表1(releaseObjids[1]);
}
var ddown1=document.getElementById(“ddown1”);
var config={label:“选择发布”};
var releaseDropdown=new rally.sdk.ui.releaseDropdown(配置,rallyDataSource);
releaseDropdown.显示(ddown1,releaseSelected);
函数显示图表1(发布){
变量配置={
报告:rally.sdk.ui.StandardReport.ReleaseDefectTrend,
标题:“Blacklight:发布缺陷趋势”,
副标题:“副标题占位符”,
宽度:550,
身高:500,
发布:发布
};
var report=new rally.sdk.ui.StandardReport(配置);
var div1=document.getElementById(“div1”);
报告.显示(第1部分);
}
功能显示图表2(版本2){
变量配置2={
报告:rally.sdk.ui.StandardReport.ReleaseBurnup,
标题:“黑光灯:释放燃耗”,
副标题:“副标题占位符”,
宽度:550,
身高:500,
发布:发布2
};                              
var report2=new rally.sdk.ui.StandardReport(配置2);
var div2=document.getElementById(“div2”);
报告2.显示(第2部分);
}
//html
.
.
.
.
.

我重新整理了您给我的代码片段,现在我可以查看这两个图表了。您的代码似乎对我来说总体上运行良好,所以我想知道问题是否出在您最初的表布局上。。。对你有用吗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Copyright (c) 2011  Rally Software Development Corp.  All rights reserved -->
<html>
<head>
<script type="text/javascript" src="/apps/1.32/sdk.js?debug=true"></script>

<script type="text/javascript">
    function onLoad() {
        var rallyDataSource = new  rally.sdk.data.RallyDataSource("__WORKSPACE_OID__",
             "__PROJECT_OID__",
             "__PROJECT_SCOPING_UP__",
             "__PROJECT_SCOPING_DOWN__");
        var ddown1=document.getElementById("ddown1");
        var config = { label: "Select a release " };
        var releaseDropdown = new rally.sdk.ui.ReleaseDropdown(config,rallyDataSource);
        releaseDropdown.display(ddown1,releaseSelected);

        var ddown2=document.getElementById("ddown2");
        var config2 = { label: "Select a release   "   };
        var releaseDropdown = new                 rally.sdk.ui.ReleaseDropdown(config2,rallyDataSource);
        releaseDropdown.display(ddown2,releaseSelected2);
    }

    function releaseSelected2(dropdown,eventArgs) {
        var selectedItem=eventArgs.item;  
        var selectedValue = eventArgs.value;
        var releaseObjids2 =  new Array();
        releaseObjids2[1]=selectedItem.ObjectID;         
        displayChart2(releaseObjids2[1]);
    } //end event listener for chart1

    function releaseSelected(dropdown,eventArgs) {
        var selectedItem=eventArgs.item;
        var selectedValue = eventArgs.value;
        var releaseObjids =  new Array();
        releaseObjids[1]=selectedItem.ObjectID;          
        displayChart1(releaseObjids[1]);
    }

    function displayChart1(release) { 
        var config = {
            report: rally.sdk.ui.StandardReport.ReleaseDefectTrend,
            title: 'Blacklight: Release defect trend',
            subtitle: 'subtitle placeholder',
            width : 550,
            height: 500,
            releases: release
        };

        var report = new rally.sdk.ui.StandardReport(config);
        var div1=document.getElementById("div1");
        report.display(div1);  
   }

   function displayChart2(release2) {
       var config2 = {
           report: rally.sdk.ui.StandardReport.ReleaseBurnup,
           title: 'Blacklight: Release burnup',
           subtitle: 'subtitle placeholder',
           width : 550,
           height:500,
           releases: release2
       };                              

       var report2 = new rally.sdk.ui.StandardReport(config2);
       var div2=document.getElementById("div2");
       report2.display(div2); 
   }

    rally.addOnLoad(onLoad);
</script>
</head>
<body>
<table border="1">
<tr>
 <td align="center"><div id="ddown1"></div></td>
 <td align="center"><div id="ddown2"></div></td>
</tr>
<tr>
 <td><div id="div1"></div></td>
 <td><div id="div2"></div></td>
</tr>
</table>
</body>

函数onLoad(){
var rallyDataSource=new rally.sdk.data.rallyDataSource(“\uu工作区\u OID\uuuu”,
“\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu,
“\uuuuu项目\uu范围确定\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu”,
“uuu项目uuu范围界定uuuuu向下”;
var ddown1=document.getElementById(“ddown1”);
var config={label:“选择发布”};
var releaseDropdown=new rally.sdk.ui.releaseDropdown(配置,rallyDataSource);
releaseDropdown.显示(ddown1,releaseSelected);
var ddown2=document.getElementById(“ddown2”);
var config2={label:“选择发布”};
var releaseDropdown=new rally.sdk.ui.releaseDropdown(config2,rallyDataSource);
releaseDropdown.显示(ddown2,releaseSelected2);
}
功能释放已选择2(下拉列表,事件参数){
var selectedItem=eventArgs.item;
var selectedValue=eventArgs.value;
var releaseObjids2=新数组();
releaseObjids2[1]=selectedItem.ObjectID;
显示图表2(releaseObjids2[1]);
}//图表1的结束事件侦听器
已选择功能释放(下拉列表,事件参数){
var selectedItem=eventArgs.item;
var selectedValue=eventArgs.value;
var releaseObjids=新数组();
releaseObjids[1]=selectedItem.ObjectID;
显示图表1(releaseObjids[1]);
}
函数显示图表1(发布){
变量配置={
报告:rally.sdk.ui.StandardReport.ReleaseDefectTrend,
标题:“Blacklight:发布缺陷趋势”,
副标题:“副标题占位符”,
宽度:550,
身高:500,
发布:发布
};
var report=new rally.sdk.ui.StandardReport(配置);
var div1=document.getElementById(“div1”);
报告.显示(第1部分);
}
功能显示图表2(版本2){
变量配置2={
报告:rally.sdk.ui.StandardReport.ReleaseBurnup,
标题:“黑光灯:释放燃耗”,
副标题:“副标题占位符”,
宽度:550,
身高:500,
发布:发布2
};                              
var report2=new rally.sdk.ui.StandardReport(配置2);
var div2=document.getElementById(“div2”);
报告2.显示(第2部分);
}
拉力。加载(加载);

能否更新代码片段以包含更多应用程序代码?在一个应用程序中肯定可以有多个标准报告。@KyleMorse-添加了更多的应用程序代码。我已经包括了第二个版本的下拉ui、显示图表功能和html占位符来显示这两个图表。谢谢你的帮助。我复制了你修改过的代码并在Rally中运行了它。两个图表都使用下拉菜单正确显示。问题是版本燃耗图表没有使用我从下拉列表中选择的值进行更新。结果在拉力赛内外都是一样的。无论我从droupdown ui中选择什么,它都会保留一些默认版本。我感谢你的反馈,凯尔。你说得对——罪魁祸首是displayChart2函数中的一个输入错误。在config2中,您使用的是release,而不是release。我修复了上面的代码,现在应该可以工作了。哇!!谢谢你,凯尔。花了几个小时复习,却找不到错误。再次感谢。