Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-3138

Data loading indicator for ROD

    XMLWordPrintable

Details

    • New Feature
    • Resolution: Done
    • Normal
    • 8.6.0
    • 8.0.1
    • Components
    • Security Level: Jimmy
    • ZK 8.0.3 S2, ZK 8.0.3 S4, ZK 8.6.0 S1, ZK 8.6.0 S2

    Description

      In the current implementation, using ROD, if a user scrolls fast enough to run out of content, the mesh widget will look white / empty, until content is actually loaded from the server.

      Feature request to implement a loading indicator that does not interrupt scrolling, but inform the user that the rows for the currently displayed empty white space are being loaded.

      This could take the form of a "loading data ..." dummy row, that would be replaced by the actual row upon load.

      Edit:

      Code test implementation:

      <style>
      .rodPaddingTop{ //top padding
      background-image:url('./progress.gif'); //your loading indicator here
      background-position:center bottom;
      background-repeat:repeat-y; //change to no-repeat for a single indicator
      }
      .rodPaddingBottom{ //bottom padding
      background-image:url('./progress.gif');
      background-position:center top;
      background-repeat:repeat-y;
      }
      </style>
      
      and the grid can be initialized with:
      <script><![CDATA[
      function meshRodStylesInit(wgt) {
      console.log(wgt);
      wgt._initPadSizes();
      wgt._subnodes.tpad.classList.add('rodPaddingTop');
      wgt._subnodes.bpad.classList.add('rodPaddingBottom');
      wgt._subnodes.tpad.style.width="100%";
      wgt._subnodes.bpad.style.width="100%";
      }
      ]]></script>
      ...
      <grid w:onBind="meshRodStylesInit(this);"
      

      Attachments

        Issue Links

          Activity

            People

              rudyhuang rudyhuang
              MDuchemin MDuchemin
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 2 days Original Estimate - 2 days
                  2d
                  Remaining:
                  Time Spent - 2 days Remaining Estimate - 5 hours
                  5h
                  Logged:
                  Time Spent - 2 days Remaining Estimate - 5 hours
                  2d