added self closing behaviour for clickable listviews

Author: WillemUXMendix

README.md

@@ -34,6 +34,9 @@ It's possible to use multiple DropdownDivConverter widgets on the same page. Tha
 Since the dropdown menu is based on bootstraps dropdown button it is recommended to follow the applications Bootstrap theming rules with respect to buttons.
 
 ## Release Notes
+Appstore 1.4 release:
+- added self closing behaviour support for clickable listview (listviews with a microflow 'on click' property).
+
 Appstore 1.3 release:
 - added bootstrap glyphicon icon support: just add the "glyphicon-" classname to the settings.
 

src/DropdownDivConverter/widget/DropdownDivConverter.js

@@ -6,7 +6,7 @@
     ========================
 
     @file      : DropdownDivConverter.js
-    @version   : 1.0
+    @version   : 1.4
     @author    : Willem Gorisse
     @date      : Wed, 24 Jun 2015 15:15:32 GMT
     @copyright : 2015 Mendix
@@ -155,14 +155,27 @@ define([
 
                 // Mendix buttons and links stop events from bubbling: set actions for internal button clicks to close the menu if needed
                 if (this.autoClose){
-                    var internalButtons = domQuery("button, a",this.dropdownMenu);
+                    var internalButtons = domQuery("button, a", this.dropdownMenu);
                     dojoArray.forEach(internalButtons, lang.hitch(this,function(node, i){
                         this.connect(node, "click", lang.hitch(this, function(e) {
                             if (this._isOpen){
                                 this._toggleMenu();   
                             }
                         }));
                     }));
+                    // add logic to deal with listviews as they stop events from 6+
+                    var internalListviews = domQuery(".mx-listview-clickable .mx-list", this.dropdownMenu);
+                    dojoArray.forEach(internalListviews, lang.hitch(this,function(listNode, i){
+                        var listItemClick = lang.hitch(this,function(e) {
+                            if (this._isOpen){
+                                this._toggleMenu();
+                            }});
+                        listNode.addEventListener('click', listItemClick,true);
+                        // manually remove the eventlistener on destroy
+                        this.addOnDestroy(function(){
+                            listNode.removeEventListener('click', listItemClick, true)
+                        });
+                    }));
                 }
 
                 // set the action for the possible split group button

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="DropdownDivConverter" version="1.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+	<clientModule name="DropdownDivConverter" version="1.4" xmlns="http://www.mendix.com/clientModule/1.0/">
 		<widgetFiles>
 			<widgetFile path="DropdownDivConverter/DropdownDivConverter.xml"/>
 		</widgetFiles>