Telerik Forums
Kendo UI for Angular Forum
1 answer
34 views

Hello!

I'm working with a grid that contains several Kendo dropdown lists. The data for these dropdowns relies on certain values within the grid, which can vary for each row. Currently, the dataset from the last row is being applied to all dropdowns in previous rows. How can I ensure that each dropdown in a row uses its own unique dataset based on the values specific to that row?

Thanks,

Balazs

 

UPDATE:

The functionality is operating correctly as intended. The issue only occurred on my end.
Martin Bechev
Telerik team
 answered on 23 Feb 2024
1 answer
20 views

Hi Team,

I am trying to implement cell selection aggregates in my grids, similar to examples shown here :https://www.telerik.com/kendo-angular-ui/components/grid/selection/aggregates/

Looks like the aggregates does not get calculated correctly when grouping is done on the grid. Is this a limitation or am I missing something.

Appreciate your help.

Kaustubh

Martin Bechev
Telerik team
 answered on 22 Feb 2024
1 answer
33 views

Hi!

I implemented a filter over all columns to implement a search like the example in the Overview-section for the Grid component.

I would like to highlight all text in the columns yellow that match the entered search text.

Is that easily possible?

Best regards,

Gerald

Zornitsa
Telerik team
 answered on 22 Feb 2024
1 answer
22 views
I have been trying to use kendo-dropdown-list and kendo-grid in the same page. If I change the styles of k-picker-solid along with dropdown list, filter icon template is also getting affected. 
Zornitsa
Telerik team
 answered on 20 Feb 2024
1 answer
58 views

Kendo tooltip not recognizing the <br> tag so whatever we pass it is taking in a string format. Even if we pass the content with break line still it is take as a single string value. Tried different ways to alter the existing logic still didn't work.

 

Actual output: "First<br>Second<br>Third"

Expected output:

First

Second

Third

 

HTML:

   
<kendo-grid [data]="rowData" style="height:300px" [resizable]="true">

<kendo-grid-columnfield="charge_Desc"title="Filed Charges"[width]="150"[headerStyle]="{'font-weight': 'bold'}">

      <span kendoTooltip [title]="dataItem.victims">
        <ng-template kendoGridCellTemplate let-dataItem>
          <div [innerHTML]="formatDescription(dataItem.charge_Desc)"></div>
        </ng-template>
      </span>

</kendo-grid-column>

</kendo-grid>

 

 

TS:

import { Component,OnInit, Input } from '@angular/core';
import { bailBondTabRowData } from 'src/app/models/constants';
import { ConsolidateSubjectService } from 'src/app/services/consolidate-subject.service';
@Component({
  selector: 'app-bail-bond-tab',
  templateUrl: './bail-bond-tab.component.html',
  styleUrls: ['./bail-bond-tab.component.scss']
})
export class BailBondTabComponent implements OnInit {
  columnDefs: any[] = [];
  rowData:any;
  public tooltipShowDelay = 0;
  public tooltipHideDelay = 2000;
  @Input() bailBondData:any;
  toolTipContent: any;
  constructor(public ConsolidateSubjectService:ConsolidateSubjectService) {
    this.columnDefs = bailBondTabRowData;
   
  }
  ngOnInit() {
      console.log(this.bailBondData,"Notes_Text");
      this.rowData = this.bailBondData.map((item:any) => ({
        ...item,
        Event_Date:this.ConsolidateSubjectService.convertDateFormat(item.Event_Date)
      }));
  }
  formatDescription(charge_Desc: string): string {
    return charge_Desc.replace(/(?:\r\n|\r|\n)/g, '<br>');
  }
}

 

 

Zornitsa
Telerik team
 answered on 13 Feb 2024
1 answer
24 views

Hi,

Description - When I scroll to the middle of the grid on virtual scroll mode and move to another tab within app (DOM gets changed but component doesn’t destroy) and back, grid content is blank/disappears and scrollbar resets to top position.

Zornitsa
Telerik team
 answered on 12 Feb 2024
1 answer
21 views

On the grid the sort seems to be working fine. 
But when I am doing the next search after clearing the results in the grid the sort function is not resetting. 

 

  clear() {
    this.firstName = "";
    this.lastName = "";
    localStorage.removeItem("firstName");
    localStorage.removeItem("lastName");
    this.orgName = "";
    this.rowData = [];
    this.filteredRowCount = 0;
    // this.grid.filterService.clear();
    this.grid.filter = undefined;
    this.grid.sort = [];
    this.state.sort = [];
    const emptySortState: DataStateChangeEvent = {
      sort: [],
      skip: 0,
      take: this.pageSize
    };
    this.onDataStateChange(emptySortState);
    this.grid.data = this.rowData;
    this.grid.columns.forEach((column: ColumnComponent) => {
      column.filter = undefined;
    })
    this.filter = { logic: 'and', filters: [] };
  }

 
Zornitsa
Telerik team
 answered on 08 Feb 2024
0 answers
20 views

Hi, I'm working on building a custom grid based on Kendo Grid. In my case, I'm using the Composition API, but I cannot import the SelectionDirective. I can't use it because it isn't standalone.

Any Plans to move to standalone ?

 

danywalls
Top achievements
Rank 1
 asked on 08 Feb 2024
2 answers
1.0K+ views

When I click on a row, the incoming data opens automatically when I click anywhere in the grid.

I did a debug, before clicking nowhere I clicked on an empty pane on the grid and down into my dbClickWorkFlow() method.

 

Is it possible to put the dbClickWorkFlow() method in another part of the Grid Html? It didn't work when I tried it. Or do you have any good suggestions to fix it? For instance, only one row should be affected. 

 

I had researched a lot of questions and found similar problems but it is not helpful.

It does not allow any good experience.

 

 

LIKE THAT, JUST ANGULAR KENDO GRID PROBLEMhttps://www.telerik.com/forums/grid-edit-popup-double-click-event-bug

I need help!

 

 

JORGE
Top achievements
Rank 1
Iron
 answered on 07 Feb 2024
1 answer
24 views

Hello!

Can I to create footer for entire kendo angular data grid (not for column)?

I need to add additional control between grid 's data and grid's pager control.

Maybe I can create my own custom pager control in two lines, but I haven’t found how to do it.

<ng-template kendoPagerTemplate> - arranges controls in one line.

 

horváth
Top achievements
Rank 2
Iron
Iron
 answered on 06 Feb 2024
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?