This is a migrated thread and some comments may be shown as answers.

Loading for Ajax

3 Answers 138 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Derek
Top achievements
Rank 1
Derek asked on 21 Apr 2017, 06:07 PM

Hi,

Was wondering if there is a Loader like the combobox, that could be displayed over the spinner part, while an Ajax call is made to fill in this field.

I thought that the following would work
kendo.ui.progress($("#txtNumericValueField"), true);

3 Answers, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 24 Apr 2017, 11:37 AM
Hello Derek,

The Kendo UI NumericTextBox does not provide such an opportunity out-of-the-box, as it is not a data bound widget (does not have a dataSource), and is not designed to be bound to remote data.

However, you can use some custom logic to display a loading indicator over the widget's spinners that can be selected via their "k-select" class, and depending on the scenario the selector's specificity can be further increased either by the ".k-numeric-wrap" parent or some other container (like the editor template container in the following example). Then you can pass the respective spinner-container to the kendo.ui.progress() method for showing and hiding the loading indicator when appropriate:

http://dojo.telerik.com/obELE (click on some numeric cell to put it in editing mode)

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Derek
Top achievements
Rank 1
answered on 27 Apr 2017, 01:03 PM

Found out if the widget is by itself on a page, adding in .parent().find(.k-select) works.

kendo.ui.progress($("#txtNumericValueField").parent().find('.k-select'), true);

0
Dimiter Topalov
Telerik team
answered on 27 Apr 2017, 02:54 PM
Hello Derek,

Thank you for sharing this viable approach with the community.

Regards,
Dimiter Topalov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
NumericTextBox
Asked by
Derek
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Derek
Top achievements
Rank 1
Share this question
or