Telerik Forums
Kendo UI for Angular Forum
1 answer
733 views

 

Hi,

I have a grid that fetches paged data from a remote data source. I have implemented a new directive, remoteGridDataBinding , that extends the GridDataBindingDirective to handle this and it works great. This directive implements the fetchRemoteData function which encapsulates all the logic required to retrieve the data from my remote service. 

<kendo-grid remoteGridDataBinding dataQuery="dataQuery"...

 

I'm now looking to implement the Export to Excel functionality. I understand that I can use the fetchData binding on the kendo-grid-excel component. I can then pass this an observable containing all the data. 

<kendo-grid-excel [fileName]="export.fileName" [fetchData]="getAllData"></kendo-grid-excel>

 

Is there anyway my getAllData function can make use of the fetchRemoteData function within my new databinding directive? 

Otherwise I would need to implement the logic for retrieving the grid's data twice. This may not seem like too much overhead initially but our application has a number of grids that would need to implement this functionality. It would be a cleaner if we could implement the remote data source call once (within a reusable directive), and then reuse this logic when I need to fetch all the grid's data before an export to excel.

 

Thanks,

Daniel

Svet
Telerik team
 answered on 04 Feb 2021
3 answers
3.6K+ views
I have a grid in angular, I would like to add a tooltip or title attribute (of html DOM) that will appear above each title and title of the columns in grid and will contain, the full text of columns title,
because sometimes the title of the column is long and partially displayed with 3 points. (For example: "Hello Worl..."),
How can I add it? Here is an example of my code in an HTML file:

<kendo-grid #grid="kendoGrid"
                [data]="gridView" id="GridID"
                [skip]="skip"
                [sortable]="{allowUnsort: true, mode: 'single'}"
                [resizable]="true"
                [sort]="sort"
                [scrollable]="{virtual: true}"
                (pageChange)="pageChange($event)"
                (sortChange)="sortChange($event)">

        <kendo-grid-messages noRecords="No rec">
        </kendo-grid-messages>

        <kendo-grid-column *ngFor="let item of gridColumnData" [headerClass]="'t-head'" [hidden]="item.hide" [field]="item.field" [title]="item.title">

        </kendo-grid-column>

    </kendo-grid>
Dimiter Topalov
Telerik team
 answered on 04 Feb 2021
1 answer
160 views
How to mark kendo-grid as table for screen readers to make it accessibile.
Martin Bechev
Telerik team
 answered on 04 Feb 2021
0 answers
231 views

I am using Kendo TreeList (ver 3.0.2) in my Angular 11 project. The TreeList is loaded with more than 25000 data at the parent level and child data is loaded with backend api call. Virtual scrolling is enabled for the TreeList and navigable option is set to true.

I have a requirement that when user performs a search operation, the application should fetch the search result and then it should expand the respective parent nodes and focus on the search result. The user shall be able to navigate through the search result one by one.

I am experiencing an issue that the Kendo TreeList is showing blank area on some randomly expanded and focused row. When I manually scroll on the view, the data get restored. Also, when I navigate to the next record and again come back to the previous record that time the view is rendered properly.

Please help.

Arijit
Top achievements
Rank 1
 asked on 03 Feb 2021
2 answers
329 views

Hi,

Is there any way to change the look and feel of the keldo-split-button? I have looked at the documentation and I do not see any examples on how to go about it.

The default look of the kendo split button it to have rectangular edges. I would like it to be wounded with a space between the button and arrow.

Regards,

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 03 Feb 2021
0 answers
163 views
Columns of the grid are not accessible in Angular while I see it is accessible for Kendo for Jquery. Can someone update is it a known issue or when the fix will be flowed in angular as well?
Nishtha
Top achievements
Rank 1
Veteran
 asked on 03 Feb 2021
3 answers
1.3K+ views
How can we change placeholder color for kendo-multiselect in angular typescript?
I have tried multiple ways but it is not getting changed.
Preslava
Telerik team
 answered on 03 Feb 2021
1 answer
260 views

https://www.telerik.com/kendo-angular-ui/components/scheduler/views/month/#toc-configuration

When viewing the monthly in the first example on the page above, it is set to June 2021.  The last full row is all July dates.  I tested a few different months and they have that issue where the last calendar row is a complete week for the next month.  How can I disable this?  I understand that it's typical to show next months days when you have current and next month on the same row such as 28/29/30/1/2/3 but this issue doesn't have that overlap, it it just displaying next months dates completely.

Martin Bechev
Telerik team
 answered on 03 Feb 2021
0 answers
134 views
I have 2 charts (of any type).
I would like to define a scroll bar for both.
and make sure when I move one to the right the other does the same. then 2 synchronized scrollbars. Is it possible to do this via some kendo attribute, widget or other?
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 03 Feb 2021
1 answer
162 views

When is the splitter pane event 'sizeChange' fired? Before or after rendering the new html content? Same question on 'layoutChange'!

Dimiter Madjarov
Telerik team
 answered on 03 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?