Kendo Ui 스플리터, 패널 막대 및 Iframe

Question

왼쪽 패널 및 오른쪽 창으로 된 검도 UI 스플리터가 있습니다. 왼쪽 패널에는 여러 보고서에 대한 링크로 구성된 켄드워 (kendoui) 패널 막대가 있습니다. 이제는 iframe을 사용하여 오른쪽 창에서 보고서 페이지를 열려고하는 모든 링크의 onclick. 그러나 어떤 이유로 보고서 페이지가 새 창에서 열리고 있습니다. 검도 UI 분배기, 검도 UI 패널 바, I와

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

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. 

Answer 1

달성 결과는 다음과 같습니다.

var onSelect = function (e) {   
      var iframeUrl = 'reports/maypage.aspx?rt=Myreports&rn=' + e.item.innerText; 
      $('#reportDisplayPane').attr('src', iframeUrl); 
     }; 

     var panelBar = $("#panelbar").kendoPanelBar({ 
      select: onSelect 
     });