Can't change option on Configuration settings. #5258

rafael.gonzales created one year ago

ABP Framework version: vX.X.X
UI type: MVC
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): no
Exception message and stack trace: None displayed
Steps to reproduce the issue:" Create a MVC non tiered application using EntityFramework Core with PostgreSQL Open up the Configuration Page Select all the options from the Configuration Page Now try to select one of the previous page that you selected. The UI won't display again.

I created a Loom Video to show how it looks like. https://www.loom.com/share/dcd2099a82224d5d8f77ea888b3bacde?sid=96ffd3f0-be8f-4e49-97a0-1faa907c813b

liangshiwei created one year ago

Support Team Fullstack Developer

Hi,

We will fix it in the next patch version. Your ticket was refunded.

You can try putting the Index.js file in the Pages/SettingManagement folder.

(function ($) {
    var l = abp.localization.getResource('AbpSettingManagement');

    $('#tabs-nav .nav-item .nav-link').click(function () {
        var _this = $(this);
        

        var id = _this.data("id")
        abp.ui.block({
          elm: '#tab-content',
          busy: true,
          promise: abp.ajax({
               type: 'POST',
               url: 'SettingManagement?handler=RenderView&id=' + id,
               dataType: "html",
               contentType: false,
               processData: false
           }).done(function (response) {
               $('#tab-content').children('.tab-pane').removeClass('show').removeClass('active');
               _this.attr('data-bs-target', '#' + $.escapeSelector($.escapeSelector(id)));
               $('#tab-content').append('<div id=' + $.escapeSelector(id) + ' class="tab-pane fade active show">' + response + '</div>');
           })
        });
    });

    $(document).on('AbpSettingSaved', function () {
        abp.notify.success(l('SuccessfullySaved'));

        abp.ajax({
           url: abp.appPath + 'SettingManagement?handler=RefreshConfiguration'
        });
    });
})(jQuery);