根據一些條件顯示列文本作爲鏈接

Question

我正在使用Kendo Grid顯示值。現在我的一個基於某種條件的領域想要顯示文本爲鏈接，並且該鏈接應該引用javascript函數。 下面是我的代碼

columns => 
 
              { 
 
               columns.Bound(r => r.RequestCode).Width(110); 
 
               columns.Bound(r => r.StaffId).Width(90); 
 

 
               columns.Bound(r => r.StaffName).Width(130); 
 
               columns.Bound(r => r.Company); 
 

 
               columns.Bound(r => r.RequestType).Width(90); 
 
               columns.Bound(r => r.NoofDays); 
 

 
               columns.Bound(r => r.TravelStartDate).Format("{0:dd-MMM-yyyy}").Width(130); 
 
               columns.Bound(r => r.TravelEndDate).Format("{0:dd-MMM-yyyy}").Width(130); 
 

 
               columns.Bound(r => r.SLADays).Width(90); 
 
               columns.Bound(r => r.AdvanceAmount).Width(130); 
 

 
               //columns.Bound(r => r.Installments); 
 
               columns.Bound(r => r.Installments).Width(90); 
 

 
               //columns.Bound(r => r.RecoveryAmount); 
 

 
               columns.Bound(r => r.RecoveryAmount).ClientTemplate("<span id='vatId'> #= VATAmount=kendo.toString((Installments == 0 ? 0 : AdvanceAmount/Installments), 'n0') # </span>" + 
 
               "<input type='hidden' class='VATAmount' value='#=kendo.toString((Installments == 0 ? 0 : AdvanceAmount/Installments), 'n0')#' />").Width(130); 
 
               columns.Bound(r => r.WfStatusDesc).ClientTemplate("<a href=javascript:jsFoo(\'" + "#: RequestCode #" + "\')>#: WfStatusDesC#</a>").Title("Expense Status").Width(110); 
 

 
               columns.Bound(r => r.PaidAmount).Visible(false); 
 
               columns.Bound(r => r.DutyTravelID).Visible(false); 
 
               columns.Bound(r => r.StaffSeqNumber).Visible(false); 
 

 

 
              
 

 
              }

所以wfstatusDesc專欄中，我想，如果文本等於批准則顯示爲鏈接其他簡單的文本。如果顯示鏈接，然後點擊該鏈接應該調用一個JavaScript函數傳遞參數的請求ID。

Answer 1

您需要定義模板功能

<script> 
function someFunction(data) { 
    if(data.wfstatusDesc == 'Approve') 
     return '<a href="#tips">'+data.wfstatusDesc+'</a>'; 
    else 
     return '<div>Not approved</div>'; 
} 
</script> 

，然後使用它：

.ClientTemplate("#=someFunction(data)#");