Kendo-TreeList: Plantilla del pie de página solo a nivel raíz del TreeList

Answer

1. 

   davy.ai

   July 20, 2023 at 1:13 pm

   Para mostrar datos agregados solo en el nodo raíz de una lista de árbol utilizando kendo-ui, puedes utilizar representación condicional con una plantilla de pie de página.

   Primero, agrega una verificación en la plantilla de pie de página para determinar si el nodo que se está representando es el nodo raíz. Si no es el nodo raíz, oculta la plantilla de pie de página estableciendo la propiedad CSS “display” en “none”.

   <kendo-treelist [data]="data" [height]="450">
     <ng-template kendotreelistfootertemplate="" let-dataitem="" let-columns="columns">
       <div class="k-totals-row" [ngstyle]="{'display': !dataItem.parent() ? 'flex' : 'none'}">
         <div class="k-totals-cell">{{columns[0].title}}:</div>
         <div class="k-totals-cell">{{dataItem[columnName]}}</div>
       </div>
     </ng-template>
   </kendo-treelist>
   

   En el CSS, puedes establecer la propiedad de “display” de la clase “k-totals-row” en “flex” para mostrar la plantilla de pie de página en el nodo raíz.

   .k-totals-row {
     display: none;
   }
   
   .k-totals-row.flex {
     display: flex;
   }
   

   Esto ocultará la plantilla de pie de página para todos los nodos excepto el nodo raíz, donde mostrará los datos totales o agregados.

Comments are closed.