Kendo UI 网格：显示带有条件的 DetailTemplate

Question

我想按条件显示 Kendo UI 网格的 DetailTemplate。

我尝试了以下案例：

detailTemplate: '#if(ResultDate!= null){ =kendo.template($("#detailRequestTemplate").html()) }#',

和

detailTemplate: function (e) {
    if (ResultDate != null)
    { 
        return kendo.template($("#detailRequestTemplate").html());
    }
},

两者都不能正常工作

Answer 1

尝试将此逻辑放入模板中。

<div id="grid"></div>

<script type="text/x-kendo-template" id="detailRequestTemplate">
    #if(ResultDate !== null) {#
        //...your template html
    #}#
</script>

<script>
    $(document).ready(function() {
        $("#grid").kendoGrid({
            detailTemplate: kendo.template($("#detailRequestTemplate").html()),
        });
    });
</script>

有关更完整的示例，请查看此 dojo。

另请参阅 Telerik 的 Templates Overview 文档。

Answer 2

我找到了解决方法：

                            dataBound: function (e) {
                                var items = e.sender.items();
                                items.each(function () {
                                    var row = $(this);
                                    var dataItem = e.sender.dataItem(row);
                                    if (ResultDate !== null) {
                                        row.find(".k-hierarchy-cell").html("");
                                    }

                                })
                            },

如果条件为假，此代码会删除一个“箭头”