how do i set the first row of kendo grid as static? i could find possible solutions in jquery but i want a solution that could be implemented in angular.

thanks

I am trying to display a property from each looped through item but it only displays the last value of the item for all of the tooltips displayed.

I am trying to display each item's line name

lines =

and I am trying to access the linename attribute

How to export the grid with filters enabled?
 

constructor() { 
                this.allData = this.allData.bind(this);
  }

  ngOnInit() {
    this.getGridData();
  }

  public allData(): ExcelExportData {
    const result: ExcelExportData =  {
        data: process(this.products, {sort: [{ field: 'name', dir: 'asc' }] }).data
    };

    return result;
  }

  getGridData(){
    this.MyService.getDataGrid().subscribe(data => {
      data = JSON.parse(data);;
      this.products= data;
      this.gridData = process(data, this.state)
    });
  }

 
 
 

Hi there,

recently we've been implementing row selection on all grids in our application. We've implemented persisting the selection and the custom select-all logic that also selects rows from all pages when using pagination according to:

https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting/#toc-selecting-all-items

Question #1

With this logic implemented, we're now running into an issue though. Selecting all rows using the select-all checkbox and afterwards clicking a single row on any page (without using Ctrl):

• selects that single row (expected)
• deselects all other rows on the page (expected), but
• keeps all rows on other pages selected (not expected)

Is there any way to override the selection mechanism to include all pages when selecting a single item via regular click after applying the custom select-all logic? I've tried using the selectionChange event, but since we're adding the other pages' rows via the custom logic above, the provided event data does not contain enough information out of the box to detect whether the user just deselected all rows on a page by selecting a single row.

We could try to figure out whether the user selected a single row by comparing:

pageSize === deselectedRows.length - selectedRows.length

Is there any more elegant way to do this?

Question #2

When using the KendoGridCheckbox component, by clicking on the checkbox of a row, we can de-/select a single row in addition to the other already selected rows. When clicking a row's cells though, this behavior is inverted, de-/selecting the single row and deselecting all other rows. Is there any way to match the two behaviors without relying on the Ctrl key to do so?

Best Regards
Philipp

RESOLVED

Hi,

I have an loggin page and after login i tried without succes to navigate to page2 like this

this.router.navigate(['agenda'])
this.router.navigateByUrl('/agenda');
 this.router.navigateByUrl('agenda');

i have removed from routes AuthGuard] without success too

My  routes

  export const routesKendo = [
  {path: '**', redirectTo: '/login'},
  {path: 'login', component: LoginComponent},
  { path: 'agenda', component: AgendaComponent, canActivate: [AuthGuard], text: 'Agenda' },
  { path: 'contact', component: ContactComponent, canActivate: [AuthGuard], text: 'Contact' },
  { path: 'facture', component: FactureComponent, canActivate: [AuthGuard], text: 'Facture' }

];

my module

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    RouterModule.forRoot(routesKendo,
      {enableTracing: true , // <-- debugging purposes only
        relativeLinkResolution: 'legacy'} //dans l"exemple de Kendo
    )
  ],
  exports: [RouterModule]
})

Where is my mistake ?

Regards

RESOLVED

Hi

Currently i have an standard Router with an JWT LoginComponent

When i submit login and password i route on an MenuComponent based on your sample https://imf7xn--run.stackblitz.io/

But i have two problems

1 in need to change path with .. because url begin with menu

2 when i click in one option menu compoment disspear, have only finalComponent without menu, how could i avoid it ??

In fact problem is how having an page before MenuPage like an LoginPage  !

Regards

Hi,

Our requirement is to have a grid with fixed headers on scroll.

I have come across a solution in jQuery for the same (Below link) -

https://docs.telerik.com/kendo-ui/knowledge-base/fixed-headers-grid

Could you please provide the solution in angular?

Thanks in advance.

Hi,

Our purpose is to have a fixed menu at the left side of our website. The menu must be collapsablel (minimizable) to see only icons. I think the Drawer control can be the right control.

I want to use routes to navigate to a page in the drawer-content space.

If I navigate to a route in the angular page, I want that a specific draweritem is selected.

How can I achieve this?

Can I use the routerLinkActive on a drawer item? 

Is the drawer the most suitable control?

Thanks for your help