1

有誰知道從Kendo UI網格生成的文件中刪除超鏈接的方法導出爲PDF和Excel功能?從Kendo UI MVC Grid導出中刪除超鏈接

我已經定製了出口的一個公平的數額,並刪除了傳呼杆等,使用CSS。

但我不能解決如何停止列標題超鏈接。

我已經嘗試設置

pointer-events: none; 
    cursor: default; 

但這並沒有幫助,我試圖避免使用javascript在可能情況下將其刪除。

UPDATE 請參閱下面的我的網格代碼的編輯版本。

@(Html.Kendo().Grid<MvcProject.Domain.DTO.Reports.AccidentSummary>() 
        .Name("resultsGrid") 
        .Columns(columns => 
         { 
          columns.Group(group => group 
           .Title("Accident Summary Report : Date run - " + DateTime.Now.ToShortDateString()) 
           .Columns(header => { 

             header.Bound(c => c.DocCount) 
           .HtmlAttributes(new { style = "text-align: center;" }) 
           .Title(" ") 
           .ClientTemplate("<div><i rel='tooltip' title='Documents Attached' #= DocCount > 0 ? classHasFile : '' #></i></div>") 
           .Width(35).Filterable(false).Sortable(false).Groupable(false).IncludeInMenu(false); 
         header.Bound(c => c.RegionName) 
          .Title("Region") 
          .Width(100); 
         header.Bound(c => c.AreaName) 
          .Title("Area") 
          .Width(200); 

    header.Bound(c => c.Date_of_Accident) 
          .Title("Date") 
          .Width(120) 
         .Format("{0:dd/MM/yyyy}"); 

         header.Bound(c => c.Days_Lost) 
          .Title("Days Lost") 
          .HtmlAttributes(new { style = "text-align: center;" }) 
          .Width(120); 


         header.Bound(c => c.TypeOfAccidentName) 
          .Title("Nature ") 
          .Width(150); 

         header.Bound(c => c.Location_of_Accident) 
          .Title("Location Of Accident") 
          .Width(150).Hidden(true); 

          header.Bound(c => c.Comments) 
          .Title("Comments") 
          .Width(250).Hidden(true); 

           }) 
          ); 
         }) 
        .HtmlAttributes(new { style = "height: 900px;" }) 
         .Pageable(p => p 
          .ButtonCount(5) 
          .PageSizes(true) 
          .Refresh(true) 
         ) 
         .Scrollable(s => s.Height("auto")) 
         .Sortable() 
         .Filterable() 
         .Groupable() 
         .ColumnMenu() 
         .Resizable(r => r 
          .Columns(true) 
         ) 
         .Excel(excel => excel 
          .FileName("Accident Summary.xlsx") 
          .Filterable(true) 
          .ProxyURL(Url.Action("_GridExportSave", "Reports")) 
          .AllPages(true) 
         ) 
         .DataSource(d => d 
          .Ajax() 
          .Read(read => read.Action("_AccidentSummaryResults_Read", "Reports").Data("Genesis.Reports.HandS.Search.getPaginationData")) 
          .ServerOperation(true) 
          .PageSize(20) 
         ) 
         .ToolBar(tools => 
         { 
          tools.Pdf(); 
          tools.Excel(); 
         }) 
         //PDF removed for now until it is patched 
         .Pdf(pdf => pdf 
          .AllPages() 
          .FileName("AccidentSummary.pdf") 
          .ProxyURL(Url.Action("_GridExportSave", "Reports")) 
         ) 
         .Events(events => events.DataBound("Genesis.Reports.HandS.Search.loadTT")) 
        ) 
+0

啓用哪些網格功能(排序,分頁等)?你用什麼來導出PDF格式,內置網格功能或繪圖API?你使用的是什麼版本的Kendo UI? –

+0

請發佈您的代碼。你到底想要達到什麼目的?你還想要導出顯示/工作還是刪除它? – rohitreddyk

+0

@EdCharbeneau請參閱上面我剛添加的代碼。我們正在使用內置的PDF導出和版本2015.2.902 –

回答

1

嘗試

<style> 
     .k-pdf-export .k-grid-toolbar, 
     .k-pdf-export .k-pager-wrap 
     { 
     display: none; 
     } 

</style> 

<style> 
     .k-grid-toolbar, 
     .k-grid-pager > .k-link 
     { 
      display: none; 
     } 

</style> 
+0

不幸的是,這不是解決方案。 我已經有這些樣式應用於隱藏尋呼機等,問題是列鏈接而不是尋呼機鏈接。 –

0

使用pdf.avoidLinks(true)跳過實際的超鏈接。

pdf.avoidLinks指示是否在導出的PDF文件中生成實際的超鏈接。

pdf.avoidLinks默認值爲false。

.Pdf(pdf => pdf 
     .AllPages() 
     .FileName("AccidentSummary.pdf") 
     .avoidLinks(true) 
     .ProxyURL(Url.Action("_GridExportSave", "Reports")) 
     ) 

注:可在2015.3.1020和更高版本

For reference