Widgets work in debug mode but do not working once deployed #1655

5 Answer(s)

• 

  0

  Tony_Albutt created 3 years ago

  This is the widget location /Pages/Shared/Components/TravelCostsWidget/Default.cshtml The same location that is reported in the log file above indicating could not be found

  	TravelRequests/Details.schtml
      <form method="get" id="TravelCostsFilterForm">
                      <abp-input asp-for="TravelRequestId" />
                      <abp-row>
                          <div class="row" style="padding-left:24px;padding-bottom:12px;">
                              <abp-button style="float: right;" id="RefreshTravelCostsButton"
                                          text="@L["Refresh"].Value"
                                          icon="refresh"
                                          button-type="Primary"
                                          type="Submit" />
                          </div>
                      </abp-row>
                  </form>
                  <div id="TravelCostsWidgetArea" data-widget-filter="#TravelCostsFilterForm">
                      @await Component.InvokeAsync("TravelCostsWidget", new { travelRequestId = Model.TravelRequestId })
                  </div>
  
  	TravelCostsWidgetController.cs	
      namespace ITX.Web.Pages.Shared.Components.TravelCostsWidget
  		{
  		    [Route("TravelRequests/Widgets")]
  		    public class TravelCostsWidgetController : AbpController
  		    {
  		
  		        [HttpGet]
  		        [Route("RefreshTravelCosts")]
  		        public IActionResult RefreshTravelCosts(Guid travelRequestId)
  		        {
  		            return ViewComponent("TravelCostsWidget", new { travelRequestId });
  		        }
  		    }
  		}
          
          
  	TravelCostsViewModel.cs	
      namespace ITX.Web.Pages.Shared.Components.TravelCosts
  		{
  		    public class TravelCostsViewModel
  		    {
  		        public List<TravelCostDto> TravelCosts { get; set; }
  		    }
  		}
  	
      
      TravelCostsWidgetViewComponent.cs	
      namespace ITX.Web.Pages.Shared.Components.TravelCosts
  		{
  		    [Widget(
  		    StyleFiles = new[] { "/Pages/Shared/Components/TravelCostsWidget/Default.css" },
  		    ScriptFiles = new[] { "/Pages/Shared/Components/TravelCostsWidget/Default.js" },
  		    RefreshUrl = "Widgets/RefreshTravelCosts",
  		    AutoInitialize = true
  		    )]
  		    public class TravelCostsWidgetViewComponent : AbpViewComponent
  		    {
  		        private readonly ITravelCostsAppService _travelCostsAppService;
  		
  		        public TravelCostsWidgetViewComponent(ITravelCostsAppService travelCostsAppService)
  		        {
  		            _travelCostsAppService = travelCostsAppService;
  		        }
  		
  		        public IViewComponentResult Invoke(Guid travelRequestId)
  		        {
                      List<TravelCostDto> travelCosts = new();
                      if (travelRequestId != Guid.Empty)
                      {
                          travelCosts = _travelCostsAppService.GetTravelCostsForTravelRequest(travelRequestId);
                      }
                      return View(new TravelCostsViewModel { TravelCosts = travelCosts });
  		        }
  		    }
  		}
  	
      
      Default.js	
      $(function () {
  		    var myWidgetManager = new abp.WidgetManager('#TravelCostsWidgetArea');
  		    myWidgetManager.init();
  		})
  	
      
      Default.cshtml	
      @using System.Globalization
  		@using ITX.Localization
  		@using Microsoft.AspNetCore.Mvc.Localization
  		@model ITX.Web.Pages.Shared.Components.TravelCosts.TravelCostsViewModel
  		@inject IHtmlLocalizer<ITXResource> L
  		@{
  		    decimal Total = 0.00m;
  		
  		}
  		
  		<table class="table table-striped">
  		    <thead>
  		        <tr class="line">
  		            <td><strong>#</strong></td>
  		            <td class="text-left"><strong>@L["Description"]</strong></td>
  		            <td class="text-center"><strong>@L["Qty"]</strong></td>
  		            <td class="text-right"><strong>@L["Price"]</strong></td>
  		            <td class="text-right"><strong>@L["Total"]</strong></td>
  		        </tr>
  		    </thead>
  		    <tbody>
  		        @foreach (var item in Model.TravelCosts)
  		        {
  		            <tr>
  		                <td>@item.ItemNumber</td>
  		                <td class="text-left">@item.Description</td>
  		                <td class="text-center">@item.Qty</td>
  		                <td class="text-center">@item.Price</td>
  		                <td class="text-right">@item.Total</td>
  		            </tr>
  		            {
  		                Total = Total + item.Total;
  		            }
  		        }
  		            <tr>
  		                <td colspan="3">
  		                </td>
  		                <td class="text-right"><strong>Total</strong></td>
  		                <td class="text-right"><strong>@Total</strong></td>
  		            </tr>
  		        </tbody>
  		</table>
  
  

  Save Cancel
• 

  0

  maliming created 3 years ago

  Support Team Fullstack Developer

  hi Tony_Albutt

  Can you share a minimum project? liming.ma@volosoft.com

  Save Cancel
• 

  0

  Tony_Albutt created 3 years ago

  I may have found a problem. First widget is longer reporting an error. Next one is still reporting a problem

  Solution for first problem is as follows

  1. Widget folder is TravelCostsWidget.
  2. Controller name space is namespace ITX.Web.Pages.Shared.Components.TravelCostsWidget
  3. ViewComponent name space is ITX.Web.Pages.Shared.Components.TravelCosts
  4. ViewModel name space is TX.Web.Pages.Shared.Components.TravelCosts

  Solved first Widget error by renaming name space from TravelCosts to TravelCostsWidget

  I will update again later

  Save Cancel
• 

  0

  maliming created 3 years ago

  Support Team Fullstack Developer

  👍

  Save Cancel
• 

  0

  Tony_Albutt created 3 years ago

  All widgets are now working. The second widget had the same problem, but kept reporting the error. Deleted widget and re-created, and still reported the problem. Remed out all UI on Default.chtml and then workerd. Re-enabled UI and then worked ??? A referance may have been cached someware.

  All good

  Thanks

  Save Cancel