Loading for Ajax

4 posts, 0 answers
  1. Derek
    Derek avatar
    6 posts
    Member since:
    Mar 2017

    Posted 21 Apr 2017 Link to this post

    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);

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    669 posts

    Posted 24 Apr 2017 Link to this post

    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.
  3. Derek
    Derek avatar
    6 posts
    Member since:
    Mar 2017

    Posted 27 Apr 2017 Link to this post

    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);

  4. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    669 posts

    Posted 27 Apr 2017 Link to this post

    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.
Back to Top