Telerik Forums
Kendo UI for Angular Forum
3 answers
338 views

Hello,

There is a way (declarative or programming) to create custom view, beside the built-in views?

I can't see any documentation about it...

Regards

T. Tsonev
Telerik team
 answered on 26 Jun 2019
2 answers
490 views

Can u share an example for the grid which uses aggregate, is page able and has export excel feature. 
In examples provided u guys use 

.get(`${this.BASE_URL}${tableName}?${queryStr}`)  

but usually for aggregates I am using something like 

return this.http.get<Array<CollectorGoalSummaryModel>>('/api/report')
.subscribe((data)=>{
let aggregates: any[] = [

{field: 'totalCash', aggregate: 'sum'}

  ];
this.store.collectorGoalSummary = data;
this.store.totals = aggregateBy(data, aggregates)

this.store.currentPageStats = {
data: this.store.collectorGoalSummary.slice(skip, skip + pageSize),
total: this.store.collectorGoalSummary.length
}
})

 

Having a hard time trying to put the Export grid with aggregates in it

Dimiter Topalov
Telerik team
 answered on 25 Jun 2019
1 answer
358 views

Hello.

I want to be able to stack notifications in a div.

The result I am looking for is the one created in the jQuery version of Notification, when I click 'Static in the panel bellow' from this example: https://demos.telerik.com/kendo-ui/notification/index

Is it possible to have a similar end result in Angular Notifications?

Thank you.

Martin Bechev
Telerik team
 answered on 25 Jun 2019
4 answers
2.2K+ views

This is the footprint of my web api

public DataSourceResult GetItems([System.Web.Http.ModelBinding.ModelBinder(typeof(WebApiDataSourceRequestModelBinder))]DataSourceRequest request)

Fiddler shows data being returned from the api as expected.

In my Angular service I have

return this.http
  .get<GridDataResult>(`${this.url}?${queryStr}`)
  .map(({data, total}: GridDataResult) =>
    (<GridDataResult>{
      data: data,
      total: total,
    })
);

In this case, my grid displays no records.  If I change "data" to "Data" and "total" to "Total", my IDE complains

error TS2551: Property 'Data' does not exist on type 'GridDataResult'. Did you mean 'data'?
error TS2551: Property 'Total' does not exist on type 'GridDataResult'. Did you mean 'total'?

but.. with the "D" and the "T" I get data bound to the grid in spite of the compiler error (sometimes Node throws a message that there are compiler errors but usually the page displays data).  Fiddler shows the api returning "Data" where the console in the browser shows "data".

I've deleted everything and installed from scratch.  I updated all of my packages to latest including the Kendo packages.

I was suspicious of my install as in HTML files I receive an error on the Kendo tab, kendo-grid-column generates an error that it is not in the current scope.  This is an IDE error and when I run, the gird looks fine. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Dimiter Topalov
Telerik team
 answered on 21 Jun 2019
1 answer
188 views

I was using v2 of the default theme and have upgraded to the latest kendo-theme-default (3.7.0) scss (material and bootstrap as well for testing) and when I am creating a kendoGridDetailTemplate inside of my grid, if no data is returned, it is cutting off the "no data available" as seen in the picture. Is this a bug or am I missing something?  Does the same in default, material, and bootstrap scss themes.

If I change it to "kendoGridDetailTemplate" instead of "*kendoGridDetailTemplate" it displays the whole title. HOWEVER, it will not show the + or - button.

 

my grid setup

<kendo-grid [data]="view | async">
      <kendo-grid-column field="customerName" title="Customer Name"></kendo-grid-column>
            <div *kendoGridDetailTemplate="let dataItem">
                  <ifp-proposal (dialogOpen)="openIFPDialog($event)" [searchOptions]="searchOptions" [Customer]="dataItem"></ifp-proposal>
            </div>
</kendo-grid>

 

scss i'm using:

@import '~bootstrap/scss/bootstrap';
@import "~@progress/kendo-theme-default/scss/panelbar";
@import "~@progress/kendo-theme-default/scss/grid";
@import "~@progress/kendo-theme-default/scss/multiselect";
@import "~@progress/kendo-theme-default/scss/switch";
@import "~@progress/kendo-theme-default/scss/datetime";

Dimiter Topalov
Telerik team
 answered on 20 Jun 2019
12 answers
2.0K+ views

Hi,

I'm adding virtual scrolling to my awesome al-grid component which can have sub-grid (detail row) and I've found out that if I expand one row and scroll down to the pageSize number of rows and then scroll up, it jumps down 10 rows (approximately) 

I managed to reproduce the issue here. Am I missing something?

So in my case, you'll see the jump when you reach row 5.

Regards,

/Pouya
Aditro

Dimiter Topalov
Telerik team
 answered on 20 Jun 2019
1 answer
125 views

Can someone please give an explanation?

Say there's an event with start: new Date("2019/6/3 02:00 AM"), and end: new Date("2013/6/3 03:00 AM"). It is displayed with following scheduler configuration.

date: new Date("2019/6/3"),
startTime: new Date("2019/6/3 00:00"),
endTime: new Date("2019/6/3 06:00")

 

Whereas, with the following configuration will render the scheduler, but not the event.

date: new Date("2019/6/3"),
startTime: new Date("2019/6/2 23:00"),
endTime: new Date("2019/6/3 06:00")

 

This problem occurs with views which require time, i.e. day, week views etc.

P.S. I am using v2017.2.504 of kendo.all.min.js file.

 

Veselin Tsvetanov
Telerik team
 answered on 20 Jun 2019
3 answers
906 views

Hi,

We are implementing filtering in Kendo Angular treeview.For that we are considering two options

Option 1:

Filtering based on below link

https://qqf7hb.run.stackblitz.io/

This example works fine. But it includes all child nodes/items of parent even child items does not contain filtered text. (only parent node contains filtered text and non of the child nodes/items. But still all the child nodes/items of parent are shown)

Do you have any sample to show filtering like below example

https://demos.telerik.com/kendo-ui/treeview/filter-treeview-in-dialog

Option 2:

Don't filter any nodes/items. While typing in filtering textbox, expand all parent and child nodes of treeview and display all nodes/items which has filtered text with different style (preferably with yellow background like attached image) and scroll the treeview to the first occurance of node/item which has filtered text (As there will be lot of items in the treeview with scroll bar) 

It would be great if you can provide any sample for this approach

Thanks,

Rajesh

Dimiter Topalov
Telerik team
 answered on 19 Jun 2019
3 answers
1.2K+ views

Hello,

currently the dialog component and service only allows the action buttons to be stretched, that's not what we want, because it doesn't match our application's style. We would like to have the buttons in "normal" layout, like it is possible with the Kendo UI jQuery counterpart. I already logged a feature request in the Feedback Portal, but until it may be implemented sometime we need a workaround.

Is there any other solution than overriding all relevant CSS styles?

Regards,
Holger

Dimiter Madjarov
Telerik team
 answered on 18 Jun 2019
2 answers
157 views

I've combined 2 of your demos, the grouped data one, and the filter directive one. Filtering doesn't work in this example. Is it possible to make the filtering work with the directive? (I assume I can fall back on manually filtering the data).

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

Dimiter Topalov
Telerik team
 answered on 17 Jun 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?