jquery - 如何在 Kendo 网格中隐藏/显示 ClientTemplate 列

Question

我有一个带有以下列的剑道网格(testGrid):

columns.Bound(p => p.Payee);
columns.Template(@<text></text>).ClientTemplate("#if(clrCode=='1') {#<a href='javascript:GetImage()' class='k-button  k-grid-view' id='Image' title='View'>View</a>#}#").Title("Image"); 

我可以通过此代码段隐藏/显示收款人列:

$("#testGrid").data("kendoGrid").showColumn("Payee");

但是，此代码在图像列的情况下不起作用。以下两种方法均无效。

$("#testGrid").data("kendoGrid").showColumn("Image");
$("#testGrid thead [id=Image] .k-link").hideColumn("Image");

如果您能提供有关如何实现这项工作的任何意见，我将不胜感激。

Answer 1

您可以使用带有数字(列的索引，从零开始)或字符串(列的名称)的 showColumn 和 hideColumn 方法。因此，在这种情况下，您可以像这样显示/隐藏图像列(假设您的网格只有两列):

$("#testGrid").data("kendoGrid").showColumn(1);
$("#testGrid").data("kendoGrid").hideColumn(1);