Telerik Forums
Kendo UI for Angular Forum
1 answer
78 views
 I Have checkboxes in my grid for each row, I want to able to fetch values/ value of the checked rows on a click Event. How do I do that? Please refer to screen capture 
Daniel
Telerik team
 answered on 24 Sep 2018
1 answer
1.9K+ views

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

 

 

 

 

 

 

Daniel
Telerik team
 answered on 24 Sep 2018
2 answers
149 views

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

Patrick
Top achievements
Rank 1
 answered on 21 Sep 2018
1 answer
911 views

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>
T. Tsonev
Telerik team
 answered on 21 Sep 2018
5 answers
5.6K+ views

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

Ivan
Telerik team
 answered on 20 Sep 2018
1 answer
835 views

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>

 

 

Dimiter Topalov
Telerik team
 answered on 20 Sep 2018
5 answers
266 views

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

 

 

 

Dimiter Topalov
Telerik team
 answered on 19 Sep 2018
1 answer
167 views

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.

Dimiter Topalov
Telerik team
 answered on 19 Sep 2018
24 answers
2.8K+ views
Is there an example of adding tooltips to a select set of columns in a grid in angular 5? All of the examples I have seen are for jquery or older versions of angular without typescript. 
Svet
Telerik team
 answered on 18 Sep 2018
1 answer
255 views

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

Dimiter Topalov
Telerik team
 answered on 17 Sep 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?