I'm looking for a replacement in the new Kendo UI for Angular that provides the same capabilities as kendo.format in order to conditionally format a number or date. Does this exist?

Specifically, I have some data and a formatting string in the form of: {0:N2} or {0:yyyyMMdd} and want to format the data to a string. Previously, I used the kendo.format function, but I haven't found it yet.

Hi, I'm using Kendo UI for Angular and I'm trying to create a grid dynamically bound to an array of complex objects where I need to bind in a sort of pivot table way. This means I want to have multiple fields that are part of the hierarchy inside the object's property tree combined with several values of that field aggregated by some category/value.

But as an image says more than 1000 words please see the image attached that shows a table created in a spreadsheet representing what I want to achieve with kendo's grid.

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!

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: 

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

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.