如何在NopCommerce的Kendo UI GridView中添加条件判断

没问题，我来帮你搞定这个Kendo Grid的条件显示需求～

要实现当downloadGuid不为空时才显示下载图标，你可以利用Kendo UI模板支持的JavaScript条件语法来修改template部分。具体来说，就是在模板里加入判断逻辑，只有当downloadGuid存在（非空）时，才渲染下载按钮。

修改后的完整配置代码如下：

{ 
    field: "Id", 
    title: "@T("Admin.Common.Download")", 
    width: 100, 
    headerAttributes: { style: "text-align:center" }, 
    attributes: { style: "text-align:center" }, 
    template: '# if(downloadGuid) { # <a class="btn btn-default" href="DownloadPdf/?downloadGuid=#=downloadGuid#" title="Download" ><i class="fa fa-download" aria-hidden="true"></i></a> # } #' 
}

简单说明： #

• Kendo UI的模板会在渲染每行数据时解析#包裹的JavaScript代码
• # if(downloadGuid) { #会检查当前行的downloadGuid是否为非空值（空字符串、null、undefined都会被判定为false）
• 只有条件成立时，才会输出下载按钮的HTML内容，否则这部分会直接跳过不渲染

内容的提问来源于stack exchange，提问作者Arun Solanki