Hello,
I'm using your extensions for an App built with jQuery Mobile and packaged with PhoneGap Build.
I've connected a MySQL remote database to view dynamic news lists in the html pages.

I've used these instructions:
www.dmxzone.com/go/22827/building-mobile-apps-with-html5-data-bindings-and-dmxzone-database-connector

It's all ok except abnormal behavior when the page loads. Not always the data source is loaded.
When this happens, the html page is blank (or view only the static content) and is necessary refresh (or re-open the app... even more times).

This is the code used in the page (for the privacy, I've used invented names connection in this code).

In the head:

<script src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxDataBindings.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxDataSet.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxDataFilters.js"></script>
<script>
  /* dmxDataSet name "connTEST" */
       jQuery.dmxDataSet(
         {"id": "connTEST", "url": "http://appsdb.domain.com/dmxDatabaseSources/rsnewsexample.php", "data": {"limit": "25"}, "siteName": "NAMEWEBSITE-APPSDB", "dataSourceType": "database", "dataType": "jsonp", "beforeSend": "MM_changeProp('news-ticker-preloader','','display','block','DIV');", "complete": "MM_changeProp('news-ticker-preloader','','display','none','DIV');"}
       );
  /* END dmxDataSet name "connTEST" */
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
  var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  if (obj){
    if (theValue == true || theValue == false)
      eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
  }
}
</script>

In the body:

    <div data-binding-show="{{connTEST.data.where( &quot;connTESTtotal&quot;, &quot;!=&quot;, 0 )}}">
      <div id="news-ticker-preloader"><img src="img/loader_light.gif" alt=""/></div>
      <div class="news-ticker">
        <ul>
          <li data-binding-repeat="{{connTESTdata}}" data-binding-id="repeat1" data-binding-repeat-onafterrender="MM_callJS('$(function(){$(\'.news-ticker\').easyTicker({visible: 1,interval: 10000,direction: \'down\'});});');">{{desc_newsticker}}</li>
        </ul>
      </div>
    </div>
   

Any ideas to resolve this issue?
Now, it's impossible to create an app with dynamic content.

Thanks!

Hello Michele,
Does this happen when loading the page directly in the phone browser?
Most probably this is an internet connection issue. Try attaching some alerts to the repeat region on the different events so they report which event runs and when exactly it stops.

Hi Teodor,
yes, it's happens even when I'm testing the app (as webapp) in the mobile browser (safari, chrome).
I've this behavior in all situations (wi-fi, 3g, 4g) and more platforms (iOS, Android, Windows Phone).

A question... how can I debug the app to view a "event runs report"?
PhoneGap Build offers some tools?

Use the behaviors, available for the repeat region:
prntscr.com/5rim02
Call:

alert("Alert Text");

for Data/BeforeRender/AfterRender, to see which of them actually run.

Hi,
I've tested and with an Internet connection mobile limited (gprs or wi-fi unstable) the data source not load.

Do you know if exist a way to save data source in a cache, that load it automatically when mobile connection isn't available (or limited)?

Last thing, could you tell me the difference from "data-binding-repeat-onafterrender" and "data-binding-repeat-ondata"?
I noticed that if I use "data-binding-repeat-ondata" to load the script in the page, the news lists increases the possibility to view them.

<li data-binding-repeat="{{connTEST.data}}" data-binding-id="repeat1" data-binding-repeat-ondata="MM_callJS('$(function(){$(\'.news-ticker\').easyTicker({visible: 1,interval: 10000,direction: \'down\'});});');">{{desc_newsticker}}</li>

Thanks.

If you call a third party script, that uses data from data-bindings data source, you should call it onafterrender. So the script will actually be able to use the data-bindings data.
There is a huge update that our developers are currently working on for HTML5 Data Bindings and the rest of the database tools so the cache option will be available in the near future.

Great!
I hope to see soon this update.

Thanks!

Hello Teodor,
I've big problems about the loading issue with the app.

Do you know if is possible with javascript (ajax), reload every x seconds the script/div used for dmxDataSet (without reload the full page)?
Now, the App sometimes open with the MySQL's records, sometimes not, and is necessary reload all to see them (reopen the app)... when it happens, the page is blank/empty.

Thanks.

Hello... is available with the last version 1.7.1 (lunched today, 25 February), the cache option?
Thanks

Hello,
Unfortunately this is not yet added, as it is still under development. You can check what's new here: www.dmxzone.com/go/21863/html5-data-bindings#history

Ok, thanks.