widget-manager should use findWithSelf

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/jquery/widget-manager.js

@@ -27,7 +27,7 @@
 
         var getFilters = function ($widgetWrapperDiv) {
             var filters = {};
-            
+
             if (opts.filterForm) {
                 opts.filterForm.each(function() {
                     filters = $.extend(filters, opts.filterForm.serializeFormToObject());
@@ -47,7 +47,7 @@
         };
 
         var init = function () {
-            opts.wrapper.find('.abp-widget-wrapper').each(function () {
+            opts.wrapper.findWithSelf('.abp-widget-wrapper').each(function () {
                 var $widgetWrapperDiv = $(this);
                 var widgetName = $widgetWrapperDiv.attr('data-widget-name');
                 var widgetApiClass = abp.widgets[widgetName];
@@ -62,7 +62,7 @@
         };
 
         var refresh = function () {
-            opts.wrapper.find('.abp-widget-wrapper').each(function () {
+            opts.wrapper.findWithSelf('.abp-widget-wrapper').each(function () {
                 var $widgetWrapperDiv = $(this);
 
                 var refreshUrl = $widgetWrapperDiv.attr('data-refresh-url');
@@ -104,4 +104,4 @@
         return publicApi;
     };
 
-})(jQuery);
+})(jQuery);

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.js

@@ -1,19 +1,17 @@
 (function ($) {
     $(document).ready(function () {
 
-        abp.widgets.CmsReactionSelection= function ($widget) {
+        abp.widgets.CmsReactionSelection = function ($widget) {
 
-            var getFilters = function () {
-                return {
-
-                };
+            function getFilters() {
+                return {};
             }
 
-            var refresh = function (filters) {
-
-            };
+            function refresh(filters) {
+                location.reload(); //TODO: JUST TESTING !!!!!!!!
+            }
 
-            var init = function (filters) {
+            function init(filters) {
                 var $wrapper = $widget.find('.cms-reaction-selection');
                 $widget.find('.cms-reaction-icon').each(function () {
                     var $icon = $(this);
@@ -24,23 +22,22 @@
                             entityId: $wrapper.attr('data-entity-id'),
                             reactionName: $icon.attr('data-name')
                         }).then(function () {
-                            location.reload(); //TODO: JUST TESTING !!!!!!!!
+                            refresh();
                         });
                     });
                 });
-            };
+            }
 
             return {
-                getFilters: getFilters,
                 init: init,
-                refresh: refresh
+                refresh: refresh,
+                getFilters : getFilters
             };
         };
 
-        $('.abp-widget-wrapper[data-widget-name="CmsReactionSelection"]').each(function(){
-            var $widget = $(this);
+        $('.abp-widget-wrapper[data-widget-name="CmsReactionSelection"]').each(function () {
             var widgetManager = new abp.WidgetManager({
-                wrapper: $widget.parent(), //TODO: Change to $widget once WidgetManager supports it!
+                wrapper: $(this),
             });
 
             widgetManager.init();