Questions on Kendo UI for Angular Forum

3 answers

1.4K+ views

Hi!

Is it possible to use ngx-translate like this with the @progress/kendo-angular-l10n MessageService and the kendo-angular-messages!

An example of such an implementation would be great!

General Discussions

answered on 04 Oct 2019

3 answers

1.7K+ views

Prevent Selected Row Highlight

Hello,

I have a checkbox column. If I check the box, the row becomes highlighted. I would like the row to not be highlighted when the the checkbox is checked. I tried overriding a style and it worked, but it also prevents the highlight when mousing over the row. I would like the row to highlight on mouse over, but not to stay highlighted when the checkbox column is checked. How would I achieve this?

.k-grid tr.k-state-selected > td {
background-color: #fafafa;
}

Thanks,

Scott

Grid

answered on 03 Oct 2019

1 answer

231 views

DrawerItem doesn't contain 'path' property

I am following the official example of Kendo Drawer component for Angular. First, I declared the variable

public items: Array<DrawerItem> = [];

Next, in constructor I have the following lines

constructor(private router: Router) {

const routes: any[] = router.config;

routes.forEach(route => {

this.items.push({

text: route.text,

path: route.path ? route.path : ''

});

}

It says that 'path' does not exist in type DrawerItem. Why? All Kendo examples are referencing to this property. Also, router does not contain the 'text' property. I cannot map routes with the Drawer component.

The official DrawerItem doc is at https://www.telerik.com/kendo-angular-ui/components/layout/api/DrawerItem/. It seems that DrawerItem doesn't contain the 'path' property! Somehow the examples are outdated or I'm making mistakes in undarstanding.

Thank you.

Drawer

answered on 03 Oct 2019

1 answer

314 views

Two way binding does not work anymore

I just recently updated to the latest version of the editor and the ngModel binding does not work anymore. I modified the example from the documentation to demonstrate

https://stackblitz.com/edit/angular-yrfgmv?file=app/app.component.ts

If you change the value in the form, the binding "content" variable does not change.

Editor

answered on 02 Oct 2019

1 answer

522 views

PDF export fails saying download failed - Network error

We have around 350 rows in grid. Up to certain number of rows it is working fine but after that it says download failed - network error. Is there any way to fix this issue?

PDF Export

answered on 02 Oct 2019

2 answers

933 views

Filter menu is not displayed

Hi! I want to use the kendo grid with remote data binding and the filter menu option [filterable]="menu".

But the filter icon is not displayed!

https://stackblitz.com/edit/angular-cyertp

Grid

answered on 30 Sep 2019

2 answers

589 views

Virtual Scrolling With kendoGridCellTemplate Checkbox

Hello,

I am using virtual scrolling with a kendoGridCellTemplate that has a checkbox in it. If I check some of the boxes and scroll, the pageChange event fires and I grab new data. The new checkboxes are showing checked. They should not be checked. How do I make sure the data is correct when virtual scrolling? I was looking here PersistingTheSelection thinking I should be able to do something similar to keep track of my selections but I could not figure it out. Here is a simple example of my cell template.

<ng-template kendoGridCellTemplate>
<input type="checkbox">
</ng-template>

Thanks,

Scott

Grid

answered on 27 Sep 2019

1 answer

436 views

Async Loading of Hierachical Treeview using axios

I'm trying to load a hierarchical treeview from an external source, but I'm having difficulties loading the first node childs and most likey the inner childs aswell (but this I don't know yet..).

The data is loaded through axios, so the RxJS Observable methods won't work. I tried may different things but when I'm expanding the first node the spinner just keeps on spinning until eternity.

Some of the points that I have tried

- Tried to assign the parent node with the childeren
- Tried an async modifier
- Tried many different things with hasChilderen function

console keeps on printing: TypeError: this.childeren(...).pipe is not a function

Hopefully someone can point me in the right direction.

My code:

location.model.ts

export interface Location {

locationId: string;

locationTypeId: number;

shortName: string;

plantCode: string;

hasChildLocations: boolean;

icon: string;

isSelected: boolean;

childeren: Location[];

}

location.service.ts

export class LocationService {

async getBaseLocation(): Promise<Location[]> {

return await axios.get<Location>('/Location/GetBaseLocation')

.then((response: AxiosResponse<Location>) => {

return [response.data];

});

}

async getChildLocations(locationId: string): Promise<Location[]> {

return await axios.get<Location[]>(`/Location/GetLocationTree?UpperLocationID=${locationId}`)

.then((response: AxiosResponse<Location[]>) => response.data);

}

tree.component.ts

export class TreeComponent implements OnInit {

public locations: Promise<Location[]>

constructor(private locationService: LocationService,

private cdRef: ChangeDetectorRef) { }

ngOnInit() {

this.locations = this.locationService.getBaseLocation();

}

public hasChildren = (item: Location): boolean => item.hasChildLocations;

public fetchChildren = (item: Location): Promise<Location[]> => this.locationService.getChildLocations(item.locationId);

}

tree.component.html

<kendo-treeview [nodes]="locations | async" [textField]="['shortName']" kendoTreeViewExpandable

[hasChildren]="hasChildren" [children]="fetchChildren">

</kendo-treeview>

TreeView

answered on 27 Sep 2019

1 answer

108 views

Is there an equivalent to GridView's "No records available."

When there is no data for a GridView, a message reading "No records available." appears as the only row in the grid view and I need to show something similar for TreeView.

I can add an arbitrary element to the tree with the display name of "No records available." when there aren't any records but is there a cleaner way do do that through the TreeView API?

TreeView