Telerik Forums
Kendo UI for Angular Forum
1 answer
3.8K+ views

Can someone provide me some sample code:

1) to reset grid filters programmatically?

2) to show the 'clear filter' icon when filter criteria is 'Is Null' or 'Is Empty'?  (the 'clear filter' icon currently is only visible when there is text entered in the filter input criteria).

Thanks!

 

JoeThomas
Top achievements
Rank 1
Veteran
 answered on 08 Jul 2020
1 answer
68 views

I want to be able to comma separate the rows returned value in the kendo pager component so they are more easy to read. As far as I can see it isn't possible to supply a format to the <kendo-pager-info> component. Is it possible to do this?  If so how?

 

Thanks

 

 

Martin Bechev
Telerik team
 answered on 07 Jul 2020
4 answers
150 views

     We are dealing with grid resize column,

Is there a way to set maximum width? and also is there a way to resize just 1 column only affecting neighboring column (horizontal scroll disabled)

 

Also I would like to customize reordering animation.

Svet
Telerik team
 answered on 07 Jul 2020
2 answers
271 views

Hello , I have issue about one grid with filters sets. Filters works perfect, but not shows clear filter button which is on example you have.

<kendo-grid [data]="gridData" [height]="950" [pageSize]="gridState.take" [skip]="gridState.skip"
                        [sort]="gridState.sort" [pageable]="true" [sortable]="true"
                        (dataStateChange)="dataStateChange($event)" (edit)="editHandler($event)"
                        (remove)="removeHandler($event)" (add)="addHandler($event)" [filterable]="true">
                        <ng-template kendoGridToolbarTemplate>
                            <button kendoGridAddCommand>+ Add Exception</button>
                        </ng-template>
                        <kendo-grid-column field="PROJECT_ID" title="Project Id" width="200" [filterable]="false">
                        </kendo-grid-column>
                        <kendo-grid-column field="TRANCHE_NBR" title="Tranche Nbr" width="150" [filterable]="false">
                        </kendo-grid-column>
                        <kendo-grid-column field="OBLIGATION_NBR" title="Obligaton Nbr" width="200" filter="numeric">
                        </kendo-grid-column>
                        <kendo-grid-column field="FIXING_GAP" title="FX GAP" width="100" [filterable]="false">
                        </kendo-grid-column>
                        <kendo-grid-column field="SUMMIT_CALENDAR" title="Summit Calendar" width="250"
                            [filterable]="false">
                        </kendo-grid-column>
                        <kendo-grid-command-column title="command" width="220">
                            <ng-template kendoGridCellTemplate>
                                <button kendoGridEditCommand [primary]="true">Edit</button>
                                <button kendoGridRemoveCommand>Delete</button>
                            </ng-template>
                        </kendo-grid-command-column>
                    </kendo-grid>

 

public filter: CompositeFilterDescriptor;
  public gridState: State = {
    sort: [],
    skip: 0,
    take: 20,
    // Initial filter descriptor
    filter: {
      logic: 'and',
      filters: []
    }
  }
  userInfo: any;
  public gridData: GridDataResult;

 

public ngOnInit(): void {
    this.storeData = [];
    this.items = [];
    this.userInfo = this.securityService.getFromLocal('user');
    this.userId = this.userInfo.Email.split('@')[0];
    if (this.userInfo != null && this.userInfo.isValidUser) {
      this.loadGrid();
    }
    this.showpage = true;
  }

  loadGrid() {
    this.loan_service.GetAllLoans().subscribe(x => {
      this.gridData = process(x, this.gridState);
    });
  }
  public dataStateChange(state: DataStateChangeEvent): void {
    debugger;
    this.gridState = state;
    this.loan_service.GetAllLoans().subscribe(x => {
      this.gridData = process(x, this.gridState);
    });
  }

 

 

Please advice 

Thank you 

 

Ivaylo
Top achievements
Rank 1
 answered on 06 Jul 2020
4 answers
1.4K+ views
Hello there! First I am new at using this but you guys have great examples on your website to get started which have really helped. I am using the multi-checkbox menu filter list filter that is on this page https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/ and I have 2 questions about it:
 
 1: I want to remove the clear and remove buttons from here. I have tried to style them in CSS with different options but nothing works. I have tried
.k-filter-menu .k-button-group {display:none !important;}

also

[showOperators]= false

Is there another way to hide or remove them?

2: When you select the category filter and have all the categories, when you check the category (ex: check beverages then click filter it filters beverages), is there a way when I click beverages checkbox that it filters beverages at that point instead of selecting beverages then click filter? Also when you deselect the the check box I want it to act as if you clicked clear filter?

Thanks!

 

Gregg
Top achievements
Rank 1
 answered on 04 Jul 2020
1 answer
244 views

I am trying to implement a custom drag & drop implementation for columns inside kendo grid. Is it possible to add for example something like CDK Angular drag and drop -> https://material.angular.io/cdk/drag-drop/overview , because current drag & drop implementation for one of our projects doesnt include everything that we need.

 

Currently we are looking for a solution to override the behavior of drag of element, dropping of element, showing placeholder when the element is dragged and similar, and we can't achieve them with default kendo drag drop on grid tables.

Svet
Telerik team
 answered on 03 Jul 2020
2 answers
92 views

Hi all,

We have an issue with rendering a Sitefinity Widget that contains a KendoUI Calendar Control.

When we assign a array of Date objects to the calendar they don't appear within the Calendar. This only occurs within Safari on MacOS and on iPhones, but not in e.g. Chrome, FF, IE etc.

I'm not sure why this is. It seems to be related to parsing dates, but I don't know how we could fix this? This is the code that does the trick:

// disabledDates and formattedDates are of type Date[]
this.disabledDates = formattedDates.map((date: Date) => {
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
});

 

When I assign an array of dates manually, it seems to work:

this.disabledDates = [
   new Date(2020, 7, 2),
   new Date(2020, 7, 4),
   new Date(2020, 7, 5),
   new Date(2020, 7, 6),
   new Date(2020, 7, 7),
];

 

Hope someone has a clue?

Thanks, Daniel

Daniel
Top achievements
Rank 1
 answered on 02 Jul 2020
1 answer
1.3K+ views

 

Hi,

 

 

 

After angular version update component in edit  template throws error of "Multiple components match node with tagname..."

 

When we click a row to open edit form we see this error in console.

ERROR Error: Multiple components match node with tagname x-component

 

Regards

Serdar

Svet
Telerik team
 answered on 02 Jul 2020
1 answer
111 views

Hi,

 

When I update my project to angular 10, I see npm warnings for most of the packages.

 

 

For example,

npm WARN @progress/kendo-angular-common@1.2.2 requires a peer of @angular/common@6 - 9 but none is installed. You must install peer dependencies yourself.

 

Are you planing an update to get rid of this warning.

Svet
Telerik team
 answered on 02 Jul 2020
1 answer
235 views

Hi,

I am trying to decrease package count in my project to speed up the angular build.

I spotted @progress/kendo-angular-l10n package and wonder if it is possible not to add that package since we are not using localization?

 

Regards

Serdar

Svet
Telerik team
 answered on 02 Jul 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?