Merge pull request #21744 from civicrm/5.42

[civicrm-core.git] / ang / crmUi.js

diff --git a/ang/crmUi.js b/ang/crmUi.js
index 20ee8b1a8f10af7da538e118becc24499a43b7ee..16ef03f0ba84fe85a478872a635b9d1e4b47efb6 100644 (file)
--- a/ang/crmUi.js
+++ b/ang/crmUi.js
@@ -633,6 +633,24 @@
       };
     })
 
+    // Use a select2 widget as a pick-list. Instead of updating ngModel, the select2 widget will fire an event.
+    // This similar to ngModel+ngChange, except that value is never stored in a model. It is only fired in the event.
+    // usage: <select crm-ui-select='{...}' on-crm-ui-select="alert("User picked this item: " + selection)"></select>
+    .directive('onCrmUiSelect', function () {
+      return {
+        priority: 10,
+        link: function (scope, element, attrs) {
+          element.on('select2-selecting', function(e) {
+            e.preventDefault();
+            element.select2('close').select2('val', '');
+            scope.$apply(function() {
+              scope.$eval(attrs.onCrmUiSelect, {selection: e.val});
+            });
+          });
+        }
+      };
+    })
+
     // Render a crmEntityRef widget
     // usage: <input crm-entityref="{entity: 'Contact', select: {allowClear:true}}" ng-model="myobj.field" />
     .directive('crmEntityref', function ($parse, $timeout) {