Results 1 to 2 of 2

Thread: use a spinner inside an item template

  1. #1
    Sencha User
    Join Date
    Sep 2014
    Posts
    11
    Answers
    1

    Default use a spinner inside an item template

    As the title mention, is it possible to place a spinner in Ext.Template?

  2. #2
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    599
    Answers
    35

    Default

    Take a look at the structure of the spinner and simply add the divs with the same classes to your tpl.
    Combine this with if...else and you can hide or show a spinner based on a record key.

    Drop divs if not needed.
    Code:
    <div class="x-mask x-loading-mask x-has-message" style="top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 4 !important;">
        <div class="x-mask-inner">
            <div class="x-loading-spinner-outer">
                <div class="x-loading-spinner">
                    <span class="x-loading-top"></span>
                    <span class="x-loading-right"></span>
                    <span class="x-loading-bottom">
                    </span><span class="x-loading-left"></span>
                </div>
            </div>
            <div id="ext-element-41" class="x-mask-message">
                {message}
            </div>
        </div>
        <div class="x-paint-monitor cssanimation"></div>
    </div>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •