Angular 6 Kendo ui
import { load, IntlModule } from '@progress/kendo-angular-intl';
import { registerLocaleData } from '@angular/common';
import localZhHant from '@angular/common/locales/zh-Hant';
import localZhHantExtra from '@angular/common/locales/extra/zh-Hant';
registerLocaleData(localZhHant, localZhHantExtra);
///* Loading CLDR data */
import * as likelySubtags from './cldr-data/cldr-data/supplemental/likelySubtags.json';
import * as weekData from 'cldr-data/supplemental/weekData.json';
import * as currencyData from 'cldr-data/supplemental/currencyData.json';
import * as numbers from 'cldr-data/main/es/numbers.json';
import * as timeZoneNames from 'cldr-data/main/es/timeZoneNames.json';
import * as calendar from 'cldr-data/main/es/ca-gregorian.json';
mport * as currencies from 'cldr-data/main/es/currencies.json';
mport * as dateFields from 'cldr-data/main/es/dateFields.json';
load(
likelySubtags,
weekData,
currencyData,
numbers,
currencies,
calendar,
timeZoneNames
);
providers: [AppSet, AuthGuard, DatePipe, [...appService], { provide: LOCALE_ID, useValue: "zh-Hant" }, ConfirmationService]
When I use grid <kendo-grid-column field="score" title="score" width="60" editor="numeric"> is display Error: NoLocale: Missing locale info for 'zh-Hant'.
How can set local id?
Thanks
On the date picker, how do you restrict the user from selecting past date?
Example: If today is 9/17/2018 , the datepicker should prevent user from selecting 9/16 , 9/15 ....
Thanks,
Bryian Tan
How i set the gap attribute to series elements?
Gap attribute doesn't work, but spacing works!
<
kendo-chart
#chart
class
=
"chart-wrapper"
(seriesClick)="onSeriesClick($event)">
<
kendo-chart-legend
position
=
"bottom"
></
kendo-chart-legend
>
<
kendo-chart-tooltip
[shared]="true"></
kendo-chart-tooltip
>
<
kendo-chart-series
>
<
kendo-chart-series-item
*
ngFor
=
"let item of DATA"
[data]="item.worked_hours_month"
[name]="item.worker"
field
=
"worked_hours"
></
kendo-chart-series-item
>
</
kendo-chart-series
>
</
kendo-chart
>
Hi,
I am not sure what I'm doing wrong. I pass my data to the grid this way: [data]="rowData$ | async". I define this in my component as such:
rowData$: Observable<any>;
ngOnInit() {
this
.rowData$ =
this
.requestService.getData}
I would not want to modify this code, or my service code, so I need to know how to use the grid features when passing the data to the grid this way.
Also in the grid I have the following:
[sortable]="true"
[pageable]="true"
[filter]="state.filter"
[filterable]="true"
(dataStateChange)="dataStateChange($event)"
For filtering, I can see the filters textfields and filter buttons but when I type something, the data does not change.
For sorting, nothing happens when I click in the column header.
For paging, I see the number of pages and items at the bottom but the functionality does not work. I set to have only 12 items per page, and I see '1-12 items of 17' but all items are shown on the 1st page. I see the grid has 2 pages, but clicking on page 2 does not work, probably because all items are already displayed in the 1st page.
Also, I need to have a column with a filter always set, unless the user removes it. My idea was to use a kendo-switch to switch between group 1 and group 2, but this is not working for me either. Is it possible to have longer text instead of on/off?
I'm guessing my problem is coming from not understanding how to handle the data after the grid is initialized.
Thanks in advanced,
Carla
How i set the dynamic width for chart?
I'd like to get the dynamic horizontal scrollable
<
kendo-chart
#chart
renderAs
=
"canvas"
(seriesClick)="onSeriesClick($event)">
<
kendo-chart-title
text
=
"APP"
></
kendo-chart-title
>
<
kendo-chart-legend
position
=
"bottom"
></
kendo-chart-legend
>
<
kendo-chart-tooltip
[shared]="true"></
kendo-chart-tooltip
>
<
kendo-chart-series
>
<
kendo-chart-series-item
*ngFor="let item of DataList"
[data]="item.worked_hours_month"
[name]="item.worker"
field="worked_hours"
categoryField="month">
</
kendo-chart-series-item
>
</
kendo-chart-series
>
</
kendo-chart
>
Hi,
I am working with the kendo chart , I need to add the label for each column ( vertically because horizontally it may not get enough space).
I have seen one example https://demos.telerik.com/kendo-ui/bar-charts/local-data-binding (similar need with angular and need axis also)
I have attached one image also, I am checking similar option to represent the chart with kendo angular
Thanks
Hello,
I'm trying to integrate the Kendu UI Grid to a Spring Boot REST API. I have it working okay, but when I try to enable sorting and filtering I am running into issues. Spring Boot requires the params for paging to be called "page" and "size" instead of the Kendo "skip" and "take". I was able to work around this, but filtering is much more complex. I found toDataSourceRequestString which converts the state to a format for ASP.NET MVC. Is there any such integration for Spring Boot? Has anyone run into this and found a reasonable work around?
Thanks.
Hi,
I am working on pdf export , As I am using
https://www.telerik.com/kendo-angular-ui/components/pdfexport/
By placing the content in the <kendo-pdf-export> component.
How I can add header and footer (with page number)?
Thanks
Amit