How to make a Dynamic Listview Using WebViewer - JSON

tutorial
howto

#1

First of all, I know I could charge you for this as an extension, but to advance in knowledge I prefer to give it for free …

What I need …?

  1. The Fabulous ef.js https://ef.js.org
  2. The amazing Materialice CSS http://materializecss.com/
  3. An Html File with the template that we will fill with data

Everything is included in the file that I am going to deliver
What I Do not Need: Jquery

I have put in the AIA, the 3 files that are needed, wants to say that you can program an offline app.

First you need to create an array in JSON, the array can be easily created with 1 function that I added,

the array is like this:

“icon”: “url of your image”
“title”: “Title in bigger size and darker font”
“a”: "Line1"
“b”: "Linea2"
“c”: "Line3"
“d”: "Line4"
“return”: “value that will return when you click”

The example was made in appinventor but it must work anywhere.
you will have to correct the location of the files

If you examine the html file you will learn to make any dynamic component, not just a list view, but Menus, Buttons, cards, and anything, you can even edit the html file and put the template to your liking.

If you are going to create an online APP, you do not need to create a JSON array, you can build an API and do a GET to bring the string in JSON, in this example I create a JSON, to show how it would be Offline, but if it’s online you do not need to create arrays, you can import them

@Taifun @CarlosPedroza27 @Andres_Cotes

listview.aia (34.7 KB)


#2

Felicitaciones Buen trabajo


#3

thank you for your contribution

to create the arrays looks somehow cumbersome… let’s assume, you have a list of 100 items… you don’t want to use the make_array procedure 100 times, do you? Therefore you might want to think about using a list of lists and convert the complete list directly into the target format …

Taifun


Trying to push the limits! Snippets, Tutorials and Extensions from Pura Vida Apps by Taifun.


#6

Hi, in this post you talk about “build an API and give GET to bring the string in JSON” if I want to create an online app. But how do you do it?
I’m not very familiar with the API’s.

I have these three files:

http://protry.altervista.org/server.js

http://protry.altervista.org/package.json

http://protry.altervista.org/.gitignore

Can you tell me how I can use them to request data and receive a result and show it in the Dynamic Listview?

Please help me. Just give me a small example and I’ll understand.

Thanks in advance.


#7

Do you know any programming language for WEB?

because everything starts here, do not look at the APIs, simply build yours, but for that you first need to know a language, at this moment the easiest to learn for that is PHP.

The data that you are going to acquire comes from your server or from another server over which you have no control.?

If it is your server and you are going to build an API, the response data will be taken from a database …?

if you are using a database is MYSQL …?

Tell me a little more about your project and I can help you


#8

I know little php, html, css and a little of javascript but i need how to retrieve data from this site (https://goo.gl/GvhNB6) but i don’t know how to build an API, i never do this.