Activities of "joey73"

Hi,

I'll get back to you on this as soon as possible, I need to see if it is something we can action.

Thanks

Hi,

No problem. Also a little bit more information, I am struggling to produce this running the solution locally. However when we deploy our solution to our Azure dev environment it is happening every time. I have tried to remove all the local libs and node_modules and re-ran abp-install libs. However I can't replicate it. I did notice that the deployed version has 2.1.8 but locally it appears to install 2.1.6. Not sure if that is relevant though.

This is what we are seeing though, this is on the initial DataGrid load (page 1 )

If we navigate to page 2 though we get this, as you can see the columns have not adjusted themselves correctly

Hi,

Reporting back on this, the code you provided fixes one part of the issue, which are the icons in the column header. However I am still seeing the issue with the weird column widths. I can probably workaround this for now by doing something like this

table.columns.adjust().draw()

I assume this is supposed to get redrawn though. Do I need to open another ticket about this, it was inn my original post

Thanks

Sent across, please do let me know if you need anything else, I did remove node_modules in the web project, so you may need to run yarn/npm or the abp install libs again

Hi,

When you say a template project, you want me to zip up and send over the solution as a file. I think it will be quite big to send over email, so I can send a link to somewhere to download it from.

Another note to, I'm not sure if this problem happens if you generate a 8.3.2 project or if it is happens when you update from 8.2 to 8.3 for example.

We have also noticed there are double loading indicators on the table, which I assume is part of this problem too as it is all to do with the datatables

Thanks

• ABP Framework version: v8.3.2
• UI Type: MVC
• Database System: EF Core (SQL Server)

Hi I had a look at the bugs thread for 8.3 and on the search but couldn't find anything discussing this. We have a problem with datatables, duplicate icons and column width. Initially we assumed it was to do with some CSS we may have overrode or some specific JavaScript, however I created a new solution, currently with the abp suite (not studio), as that is how we created the project we are working. The datatables have the same problem with a new solution on version 8.3.2. I beleive 8.2.* was fine and in 8.3 it seems the datatables was updated by a major version

The first issue is there are duplicate sort icons and one of the icons does not change at all when clicking the column header:

Secondly, when using the pagination, the columns get slightly messed up and it looks like text is in the wrong column. If you resize the window, the data table does refresh and correct it somewhat

Page 1

Navigate to page 2

Is there anything we can do to work around this, is this something on your radar? Can you reproduce from a fresh project.

Thanks

Hey,

Thanks for this, didn't think to try it through jQuery, it must be part of the lifecycle when listening to multiple events which makes sense

Thanks.

• ABP Framework version: v8.3.0
• UI Type: MVC
• Database System: EF Core (SQL Server)
• Tiered (for MVC) or Auth Server Separated (for Angular): no
• Steps to reproduce the issue:

Hi,

We are looking for some assistance in understanding how I can run some JavaScript on submit of the form before the form is actually posted. We have converted the modal to a normal page and at the moment the form is being submitted via ajax still. This is all working correctly.

We have then implemented a RichTextEdtior. On save of the form we want to take the contents of the editor and ensure it is placed as the value of a hidden input, so this gets passed to the server correctly. The way we have gone about this is to try and use the "submit" event listener. Something like the below

            form.addEventListener('submit', function (event) {
                // Prevent the default form submission
                event.preventDefault();

                const desc = document.querySelector('input#Description');
                desc.value = editor.innerHTML;

                //submit the form
                ...
            });

Whether this is the best way to set the contents is debatable, however the question is how can handle stuff before the form is submitted. As preventDefault appears to be too late or getting missed due to it being submitted through ajax. So both the server and onsubmit function get called at the same time. Looking through the docs,I can't seem to find anything about handling this situation. As I imagine there are some scripts somewhere handling the posting of these forms.

One thing we can look to do is to set it on change, however that seems less performant. Is there any hook within the way ABP do things that I can listen to. Or would maybe changing this to a server side post worthwhile investigating and is there any guidance for that

Thanks for your assistance

Alex

Hey,

Yes, all good, thank you. We have a workaround for now and will await a fix. Thanks for your assistance.

Kind regards

Alex Welding

Hi

We have not customized any page yet. By what you suggested, this is a bug within ABP itself and we will have to override the code you pointed out until it is updated. I wanted confirmation that this was how it was meant to work and you have answered that so we shouldn't have to do anything else and what we implemented was technically correct.

We'll keep our setup the same and get the button reenabled through the overwrite until the fix is released. Thanks

Kind regards

Alex Welding