Rally apps sdk 1和标准报告
我是新手。有没有办法在html页面上显示多个标准报告?我为每个图表创建了release溺水组件,并将这些图表显示在带有html表单元格的div元素中。我希望能够将这些图表显示为rally之外的一页。单独的图表可以工作,但当我将它们合并到一个html页面中时,只有1个可以工作 允许用户输入版本,该版本的objectid将传递给图表显示功能。请参阅下面的代码片段:Rally apps sdk 1和标准报告,rally,Rally,我是新手。有没有办法在html页面上显示多个标准报告?我为每个图表创建了release溺水组件,并将这些图表显示在带有html表单元格的div元素中。我希望能够将这些图表显示为rally之外的一页。单独的图表可以工作,但当我将它们合并到一个html页面中时,只有1个可以工作 允许用户输入版本,该版本的objectid将传递给图表显示功能。请参阅下面的代码片段: function releaseSelected2(dropdown,eventArgs) { var selectedIte
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。我修复了上面的代码,现在应该可以工作了。哇!!谢谢你,凯尔。花了几个小时复习,却找不到错误。再次感谢。