Simplify to create a widget dashboard.

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

@@ -16,11 +16,22 @@
             opts.wrapper = $(opts.wrapper);
         }
 
+        if (!opts.filterForm) {
+            var widgetFilterAttr = opts.wrapper.attr('data-widget-filter');
+            if (widgetFilterAttr) {
+                opts.filterForm = $(widgetFilterAttr);
+            }
+        } else if (typeof opts.filterForm === 'string') {
+            opts.filterForm = $(opts.filterForm);
+        }
+
         var getFilters = function ($widgetWrapperDiv) {
             var filters = {};
             
             if (opts.filterForm) {
-                filters = opts.filterForm.serializeFormToObject();
+                opts.filterForm.each(function() {
+                    filters = $.extend(filters, opts.filterForm.serializeFormToObject());
+                });
             }
 
             if (opts.filterCallback) {
@@ -75,15 +86,22 @@
         };
 
         if (opts.filterForm) {
-            opts.filterForm.submit(function (e) {
+            opts.filterForm.each(function() {
-                e.preventDefault();
+                $(this).submit(function (e) {
-                refresh();
+                    e.preventDefault();
+                    refresh();
+                });
             });
         }
 
-        return  {
+        var publicApi = {
             init: init,
             refresh: refresh
         };
+
+        opts.wrapper.data('abp-widget-manager', publicApi);
+
+        return publicApi;
     };
+
 })(jQuery);

samples/DashboardDemo/src/DashboardDemo.Web/Pages/MyDashboard.cshtml

@@ -23,7 +23,7 @@
     </abp-row>
 </form>
 
-<div id="MyDashboardWidgetsArea">
+<div id="MyDashboardWidgetsArea" data-widget-filter="#MyDashboardFilterForm">
     <abp-row>
         <abp-column>
             @await Component.InvokeAsync("CountersWidget", new

samples/DashboardDemo/src/DashboardDemo.Web/Pages/MyDashboard.js

@@ -1,9 +1,3 @@
 (function () {
-
+    new abp.WidgetManager('#MyDashboardWidgetsArea').init();
-    var myDashboard = new abp.WidgetManager({
-        wrapper: '#MyDashboardWidgetsArea',
-        filterForm: $('#MyDashboardFilterForm')
-    });
-
-    myDashboard.init();
 })();