Hello,
I was wondering if you have examples on creating a custom column menu with customizable items within it.
Something along the lines of the following link but truly customizable menu options: https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnMenuTemplateDirective/
I would like the column menu to contain 2 buttons, each with it's own event raised and handled.
Please let me know if this is possible.
Thanks.
I building a component in Angular which dynamically builds a list of tabs and then loads content into the tab dynamically. In the main this works well bar a couple of intermitted issues.
The HTML for the tab component is as below. sTabs is a Subject which contains the list of tabs to render, including the component to load and the currently selected tab.
I am using the library https://malkevich-alex.gitbook.io/ng-dynamic-component/ to load the component dynamically.
The 2 issues I have are;
1 - occasionally the selected tab is not show (even though the debug of the value selected in the title shows true the tab does not get focus)
2 - occasionally 2 components are shown together in a tab (one below another). Clicking into another tab and then clicking back fixes this and the correct component is then shown.
Any ideas on the cause?
<
kendo-tabstrip
[keepTabContent]="true">
<
kendo-tabstrip-tab
*
ngFor
=
"let item of sTabs | async let i=index"
[selected]="item.selected">
<
ng-template
kendoTabTitle >
<
span
class
=
"k-icon k-i-close-outline"
(click)="deleteTab(i)"
style
=
"padding-right: 10px;"
></
span
>
<
span
>{{ item.name }} {{ item.selected }}</
span
>
</
ng-template
>
<
ng-template
kendoTabContent>
<
ndc-dynamic
[ndcDynamicComponent]="item.component"
[ndcDynamicInputs]="item.inputs"
[ndcDynamicOutputs]="item.outputs"
>
</
ndc-dynamic
>
</
ng-template
>
</
kendo-tabstrip-tab
>
</
kendo-tabstrip
>
Hi,
We have a requirement to highlight the row and cell based on some conditions in the grid. For KendoGridColumn, we have added the hightlight based on condition using template but for row as we don't have rowTemplate provided by kendo. Is there any way that kendo provide/recommends to hightlight the row conditionaly. We have found this old arcticle -> https://www.telerik.com/forums/kendo-ui-style-grid-rows, but it is looping over the grid data, in our case we have huge amount of data so looping would be performance problem. Kindly suggest if there is efficient way.
Regards,
Jaspreet
I'm trying the Kendo UI Grid for Angular, the current behavior only allows selecting multiple rows by selecting the checkbox itself (otherwise clicking the cell outside of the checkbox, would result in the currently selected rows getting reset.)
I would like to find out if is there a way to change that behavior, so that clicking outside of the checkbox would be handled just as clicking within it.
I've attached the desired behavior:
I am trying to implement a tabstrip within another tabstrip. What I have found is that when the parent tabstrip tab title property is set using [title]="'Title'" and the child tabstrip first tab is set using ngtemplate, then the parent's first tab title gets the child first tab text appended to it.
see https://stackblitz.com/edit/angular-lwzvbp?file=app/app.component.ts
When all screen is full at events, the scroll in not working in mobile.
how can i scoll also that is display many events in screen?
My grid data is bound to an observable as follows:
protected initDomainEntityQuery() {
this.gridSettings.state.skip = 1;
this.gridData$ = this.stateChange$.pipe(
takeUntil(this.unsubscribe),
switchMap(() =>
this.dataService.getData(this.buildDomainEntityPayload())
),
map((data) => {
if(this.groupable && data.data.length > 0) {
return process(data.data, { group: this.groups });
}
else
return data;
})
} }
The problem is that the data set returned could potentially span many pages, but after the aggregation, the DataResult total is 1 page long. Is there any way of working round this?
The use case is to present the data grouped by a type field.
Thanks.
Hello,
In my app I'd like to be able of change the language of the labels in the datetimepicker dinamically (days of the week and months). I manage the localization with a custom service I made and it works for most of the app. I read the documentation and the aproach of setting the provider with an static locale_id value is ok but I need to change it in runtime.
Can you help me with this?
Hello, I would like to know how it is possible to insert a default value inside the column filter box at the ngOnInit of the component. I would like to dynamically pass a string type parameter that searches in the corresponding column for all the values contained in the grid datadource.
ngOnInit() {
var doc = this.myService.docName();
// set doc name in the column of kendo grid and activate filtering
}