Hi Team,

We have one requirement, where we want to implement the Kendo UI grid within the tab strip. In our example it may be possible that one tab strip has multiple sub tab strip and each tab strip have a Kendo UI grid as shown in the screenshot below:

We have already implement above exmpale in Javascript/JQuery we want to implement the same example in AngularJS but we have been unable to implement it. Can you please guide us to implement above example in AngularJS.

Thanks.!

Hello,

I tried to add this style but do not see any change. How to have the header for the grid in bold.

.k-grid-header {
    font-weight: bold!important;    
}

thanks

alexsunny

Hello, 

Hope that everyone is safe and well. 

I am developing an "Operations Dashboard", which consumes Kendo UI for Angular chart components to create different visualizations (bar charts, treemaps, data grid, KPIs).

All the visualizations need to retrieve the data from the same service, which at some point will be an internal API. For now, I am using a mock-up JSON file. 

Which is the best way to build this service? Can I use Kendo for jQuery DataSource? It will be compatible with my angular application and the Kendo UI charts?

Or should I explore other options for Angular?

Thanks!

UI------------>Actual Value
VS Studio----->1
VS code ------>2
VS studio----->1
Compiler------>3

I want to filter on UI displayed value

<kendo-grid-string-filter-menu [extra]="false" [column]="column" [filter]="filter"
    [filterService]="filterService" operator="contains">
    <kendo-filter-contains-operator></kendo-filter-contains-operator>
  </kendo-grid-string-filter-menu>

Hi,

I'd like to show a  message when dataSource is empty.

With kendo grid is allowed by no-records-template:

<ng-template kendoGridNoRecordsTemplate>
	<span [innerHtml]="'PAGES.PAYSLIP.GRID.NO-DATA-MESSAGE' | translate"></span>
</ng-template>

I would like a template like this for kendo charts  :)

Great regards,

Alex

I want to reset the filter settings without making the call again. I need to do this because at the change of page I have to set the grid without filters but without call the function again because the data are the same

This is my component:

 
 gridData: GridDataResult;
  state: State = {
    skip: 0,
    take: 25
  };

  clearState: State = {
    skip: 0,
    take: 25
  };

  //DATASOURCE
  products: any[] = [];

  public dataStateChange(state: DataStateChangeEvent): void {
    this.state = state;
    this.gridData = process(this.products, this.state);
  }

public filterChange(filter: CompositeFilterDescriptor): void {
    this.filter = filter;
    this.products = filterBy(this.products, filter);
  }

public clearFilters() {
  this.state = this.clearState;
  this.gridData = process(this.products, this.clearState);
}

public getProducts(){
    this.myService.getData(year).subscribe(data => {
      this.products= data;
      this.gridData = process(data, this.state);
    });
}



                                    

    <kendo-grid
            [data]="gridData"
            [pageSize]="state.take"
            [skip]="state.skip"
            [sort]="state.sort"
            [filter]="state.filter"
            [sortable]="true"
            [pageable]="true"
            [filterable]="true"
            [selectable]="true"
            [resizable]="true"
            (filterChange)="filterChange($event)"
            (dataStateChange)="dataStateChange($event)">
                    <ng-template ngFor [ngForOf]="columns" let-column>
                        <kendo-grid-column
                            width="{{column.width}}"
                            format="{{column.format}}"
                            filter="{{column.filter}}"
                            field="{{column.value}}"
                            title="{{column.title}}">
                        </kendo-grid-column>
                    </ng-template>
   </kendo-grid>

if I call the clearFilters function the filters are reset but the arrows remain on the previously filtered columns. then the data in the table returns as originally but the css part of the table remains filtered (attached img)

We have implemented the inline edit functionalities in the Kendo Grid and we want to add some more functions such as :

we want to disable and enable some fields in inline edit based on specific conditions. How can we do that?

We are not getting any proper solution for that. So, please can you help us to implement this functionality?

Thank You.