Посмотрите на поле SourceStr -> headerTemplate, и вы увидите, что я пытаюсь отобразить две кнопки при условии. Если условие истинно, будет одна кнопка, а если условие ложно, будет другая кнопка. Пример кода, который я прикрепил, на самом деле работает, но когда вместо 'true' или 'false' я пытаюсь поместить переменную с логическим значением - она не будет работать, вместо этого она удалит все из моей таблицы и будет пустой. Пожалуйста, совет, как я могу использовать переменную в моем состоянии, спасибо!
$ scope.gridOptions = {
dataSource: new kendo.data.DataSource({ pageSize: 50 }),
columns: [{
field: "Quantity",
title: culture.stringConst.Quantity,
width: "4em",
template: "#if (Xpnd == true) { #<div class='quantity-row'><button class='quantity-row-button' ng-click='button(dataItem)'><span class='quantity-arrow'>❯</span></button><span class='quantity-row-span'>#=Quantity#</span></div> # }" +
"else if(Xpnd == false) { #<div class='quantity-row'><button class='quantity-row-button' ng-click='button(dataItem)'><span class='quantity-downarrow'>❯</span></button><span class='quantity-row-span'>#=Quantity#</span></div> # }" +
"else if (Child) { #<div class='child-marker'><span>⚠</span></div>#} #",
headerTemplate: "<span class='aecolumn-name'>Quantity</span><button class='panel-button' disabled><img class='filter-icon'/></button>"
}, {
field: "TimeStamp",
title: culture.stringConst.Time,
width: "9em",
template: "#if (!Child) {#<span style='font-weight: bold;'>#=kendo.toString(TimeStamp,'M/d/yyyy HH:mm:ss.fff')#</span>#} else { #<span>#=kendo.toString(TimeStamp,'M/d/yyyy HH:mm:ss.fff')#</span># }#",
headerTemplate: "<span class='aecolumn-name'>TimeStamp</span><button class='panel-button' ng-mousedown='stopProp()' ng-click='openFilter(1)'><img src='Images/filter-icon.png' class='filter-icon'/></button>"
}, {
field: "SourceStr",
title: culture.stringConst.Source,
width: "15em",
template: "#if (!Child) {#<span style='font-weight: bold;'>#=SourceStr#</span>#} else { #<span>#=SourceStr#</span># }#",
headerTemplate: kendo.template("# if (false) { # <span class='aecolumn-name'>Source</span><button class='panel-button' ng-mousedown='stopProp()' ng-click='openFilter(2)'></button><img src='Images/filter-icon.png' class='filter-icon'/> # } else { # <span class='aecolumn-name'>Source</span><button> class='panel-button' ng-mousedown='stopProp()' ng-click='openFilter(2)'></button><img src='Images/filter-icon-empty.png' style='width:18px; height:16px; margin-bottom: 3px'/> # } #")
}, {
field: "Message",
title: culture.stringConst.Message,
width: "15em",
template: "#if (!Child) {#<span style='font-weight: bold;'>#=Message#</span>#} else { #<span>#=Message#</span># }#",
headerTemplate: "<span class='aecolumn-name'>Message</span><button class='panel-button' ng-mousedown='stopProp()' ng-click='openFilter(3)'><img src='Images/filter-icon.png' class='filter-icon'/></button>"
}, {
field: "Severity",
title: culture.stringConst.Severity,
width: "5em",
template: "#if (!Child) {#<span style='font-weight: bold;'>#=Severity#</span>#} else { #<span>#=Severity#</span># }#",
headerTemplate: "<span class='aecolumn-name'>Severity</span><button class='panel-button' ng-mousedown='stopProp()' ng-click='openFilter(4)'><img src='Images/filter-icon.png' class='filter-icon'/></button>"
}, {
field: "Category",
title: culture.stringConst.Category,
width: "5em",
template: "#if (!Child) {#<span style='font-weight: bold;'>#=Category#</span>#} else { #<span>#=Category#</span># }#",
headerTemplate: "<span class='aecolumn-name'>Category</span><button class='panel-button' ng-mousedown='stopProp()' ng-click='openFilter(5)'><img src='Images/filter-icon.png' class='filter-icon'/></button>"
}],
scrollable: true,
pageable: true,
resizable: true,
sortable: true
};