1

私は初心者です。HTML ページに複数の標準レポートを表示する方法はありますか? グラフごとに release drown コンポーネントを作成し、html テーブルのセルを含む div 要素にそれらのグラフを表示します。これらのチャートをラリー以外の 1 ページとして表示できるようにしたいと考えています。チャートは別々に機能しますが、それらを1つの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>
.
.
.
4

1 に答える 1

0

いただいたコード スニペットを再配置したところ、両方のグラフを表示できるようになりました。あなたのコードは一般的に私にとってはうまくいくように見えたので、問題はあなたが最初に持っていたテーブルレイアウトにあったのではないかと思います...それはあなたのために働きますか?

<!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>

于 2012-08-29T13:43:24.413 に答える