0

左ペインと右ペインで剣道 UI スプリッターを使用しています。左ペインには、さまざまなレポートへのリンクで構成される kendoui パネル バーがあります。リンクをオンクリックすると、iframeを使用して右側のペインでレポートページを開こうとしています。しかし、なぜかレポートページが別ウィンドウで開いてしまいます。

パネル バーのリンクの 1 つからのサンプル アンカー タグ

 <a class="right" target="reportDisplayPane" title="MyTitle" href="reports/params.aspx?rt=Basic Reports&rn=My Report">My Report</a>

Kendo Ui スプリッター、Kendo Ui パネル バー、および I フレームを使用した MVC ビュー コード。

@(Html.Kendo().Splitter()  
      .Name("splitter")           
      .Orientation(Kendo.Mvc.UI.SplitterOrientation.Horizontal)
      .Panes(horizontalPanes =>
      {
          horizontalPanes.Add()
              .Size("20%")
              .HtmlAttributes(new { id = "left-pane", style = "height:100%;" })    
              .Collapsible(true)
              .Content(@<div class="pane-content">
                          <div id="navigation">    
                             @(Html.Kendo().PanelBar()
                                .Name("panelbar")
                                   .ExpandMode(Kendo.Mvc.UI.PanelBarExpandMode.Multiple)
                                   .HtmlAttributes(new { style = "width:100%;height:100%;" })
                                   .Items(panelbar =>
                                     {
                                        foreach (var category in Model.MyModel.Categories)
                                         {
                                           panelbar.Add().Text(category)
                                           .Items(reports =>
                                            {
                                             foreach (var report in Model.MyModel.Reports)
                                              {
                                                if (report.Category.Equals(category))
                                                 {
                                                    reports.Add().Text(report.NavigateURL).Encoded(false);   
                                                 }
                                               }
                                             });
                                         }
                                    })
                              )
                          </div>
                       </div>                      
                    );

          horizontalPanes.Add()
              .Size("80%")              
              .HtmlAttributes(new { id = "right-pane",style = "height:100%;"})
              .Collapsible(false)
              .Content(@<div class="pane-content">
                            <iframe id="reportDisplayPane" ></iframe> 

                        </div>);
      })



 Please suggest on what might be wrong here.
4

1 に答える 1