B4J Question [BANAnoVuetifyAD3] Problem with VueTable

[Star-Dust]

When the page is loaded the table loads the data and they appear correctly.

When I load the same data again the result is strange. The data is there but the pages do not appear. I'm sure the data is there because if I change the sorting of the data with a different column, the data at the bottom appears at the top.

What is the mistake?

Here's how I upload the data

VueTable1.Clear
    If res<>"0" Then
        lst.Initialize
        For Each row As String In rows
            Dim Fld() As String = pgIndex.Split(row)
            lst.Add(CreateMap("id":Fld(0),"field1":Fld(1),"field2":Fld(2),"field3":Fld(3),"field4":Fld(4)))
        Next
        VueTable1.Reload(lst)
    End If

I then changed the code like this, but the result is the same

VueTable1.Clear
    If res<>"0" Then
        lst.Initialize
        For Each row As String In rows
            Dim Fld() As String = pgIndex.Split(row)
            lst.Add(CreateMap("id":Fld(0),"field1":Fld(1),"field2":Fld(2),"field3":Fld(3),"field4":Fld(4)))
        Next
        VueTable1.UpdateItems(page,lst)
    End If
    VueTable1.RefreshRows

 

[Mashiane]

Case Sensivity - list objects should have keys in lowercase.

 

[Mashiane]

On the code below, you can only use 1 and not both...

VueTable1.UpdateItems(page,lst)

OR

VueTable1.RefreshRows

Why are you you not just using

VueTable.Reload(lst)

as explained in the V-Data-Table Mashes Teaches Series Video?

 

[Star-Dust]

Case Sensivity - list objects should have keys in lowercase.

They are lowercase, I had changed the fields to publish the code.

But they are already lowercase

 

[Star-Dust]

Why are you you not just using .Reload(lst) as explained in the V-Data-Table Mashes Teaches Series Video?

I used reload (lst), but as soon as I saw this problem I tried other methods.
But with both Reload and others the problem is the same.

If I then refresh the page from the browser, everything goes back to normal. It works fine only on page load

 

[Mashiane]

Can you update a small project? I will get it and check.

 

[Star-Dust]

Can you update a small project? I will get it and check.

I see if I can, because the data is in the DataBase so I would have to make a lot of changes.

I'll try

 

[Mashiane]

I see if I can, because the data is in the DataBase so I would have to make a lot of changes.

In the mean time just disable "External Pagination" on the VueTable, when you are ready then you can send the small project for me to check. Im not sure why and I cant reproduce it at the moment.

 

[Star-Dust]

In the mean time just disable "External Pagination" on the VueTable, when you are ready then you can send the small project for me to check. Im not sure why and I cant reproduce it at the moment.

I have disabled 'External Pagination' and it works fine. That's enough for me, I'm satisfied. I've wasted too many hours on this thing.

I translated an entire corporate App, such as WebApp with Banano and Vuetify. Everything works, I don't touch it anymore.

 

[Mashiane]

I translated an entire corporate App, such as WebApp with Banano and Vuetify. Everything works, I don't touch it anymore.

#HandClap, Congratulations I'm happy for you. This is good news indeed.