Only show hyperlink when value is not null

[Web Support]

Hi,

I have the following code to show hyperlinks on my kendo grid, however it shows a link all the time, even when the value is null. Is there a way I can get the link to only show when the value (PDFString) is not null?

columns.Template(@<text>
                                                   @Html.ActionLink("View", "PayrollHistory", "ViewPDF")  
                                                 </text>)
                                                 .ClientTemplate("<a href='/PayrollHistory/ViewPDF/#= PDFString#' target='_blank'>View</a>")
                                                 .Title("View PDF");

Any suggestions welcome!

[Kiril Nikolov]

Hi Phil,

Kendo UI Templates support JavaScript execution inside the template, as explained here:

http://docs.telerik.com/kendo-ui/getting-started/framework/templates/overview

In your case you can check whether the value is not null and only then render the link.

Regards,
Kiril Nikolov
Telerik

 

 

[Web Support]

Thanks for the quick reply Kiril,

I've applied the following but it's still not working, it's difficult to know how it's working due to the weird syntax, could you give me any pointers - 

columns.Template(@<text>
                                                   @Html.ActionLink("View", "PayrollHistory", "ViewPDF")  
                                                 </text>)
                                                 .ClientTemplate("#if(PDFString != null){# <a href='/PayrollHistory/ViewPDF/#= PDFString#' target='_blank'>View</a> #}#")
                                                 .Title("View PDF");

[Kiril Nikolov]

Hi Phil,

Your code looks OK. Could you please provide us with a runnable sample that we can play with and see what is happening?

Regards,
Kiril Nikolov
Telerik

 

 

[Web Support]

Hi,

The 2mb limit means I can't upload the solution. So I've attached the Index.cshtml and the HomeController.cs from a default project.

The grid appears on the index page and the controller provides to links, one with a value and one with a string.empty. You'll see that both links are displayed.

Let me know if you need more info.

Phil

[Kiril Nikolov]

Hello Phil,

I have tested your template in another project and was not able to reproduce any errors. Do you see any errors in the browser console when you run the app? Can you strip some of the references in your project and attach it here, so we can test it, or maybe you can provide us with a live url? 

I am asking you all this, because I cannot see any particular reason for your code not to work. 

Regards,
Kiril Nikolov
Telerik

 

 

[Web Support]

Hi,

There are no errors, what I need to happen is for only ONE link to be displayed, it currently displays both links!