Fix on visibility handling with Mx 7.1

Author: joelvdgraaf

src/DataviewLoader/DataviewLoader.xml

@@ -33,6 +33,11 @@
             <category>Behavior</category>
             <description>When the content has been loaded, must there be a fade in executed?</description>
         </property>
+        <property key="visibilityCheck" type="boolean" defaultValue="false">
+            <caption>Visibility handling</caption>
+            <category>Behavior</category>
+            <description>Is the widget placed in conditional visibility part (example: Tabpage)? This check will prevent for loading the content before the widget is visible.</description>
+        </property>
         <property key="loadingMF" type="microflow" required="false">
             <caption>Microflow</caption>
             <category>Datasource</category>

src/DataviewLoader/widget/DataviewLoader.js

@@ -93,7 +93,7 @@ define([
         resize: function (box) {
             console.log(this.id + ".resize");
             // TODO: How to handle tabs and conditional visibility
-            if (this.domNode.offsetParent !== null) {
+            if (this.domNode.offsetParent !== null && this.visibilityCheck) {
                 this._loadAndShowcontent();
             }
         },
@@ -134,7 +134,7 @@ define([
             // The callback, coming from update, needs to be executed, to let the page know it finished rendering
             this._executeCallback(callback, "_updateRendering");
 
-            if (this.domNode.offsetParent !== null) {
+            if (this.domNode.offsetParent !== null && this.visibilityCheck) {
                 this._loadAndShowcontent();
             }
         },
@@ -227,7 +227,7 @@ define([
             this.unsubscribeAll();
 
             // When a mendix object exists create subscribtions.
-            if (this._contextObj && this.refreshAction == "Object" || this.refreshAction == "Attribute") {
+            if (this._contextObj && (this.refreshAction === "Object" || this.refreshAction === "Attribute")) {
                 console.log(this.id + "._resetSubscriptions setup refresh handler: " + this.refreshAction);
                 this.subscribe({
                     guid: this._contextObj.getGuid(),

src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="DataviewLoader" version="1.5.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="DataviewLoader" version="1.6.1" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="DataviewLoader/DataviewLoader.xml" />
         </widgetFiles>