I want to store data in TinyDB and display it as a list

Discuss
,
1

I want to create a birthday reminder app. On the homescreen, there is an Add Birthday button, on pressing which will ask you Name, Date (via Date Picker, and Phone number (via Contact Picker). I want to store all these data (no matter how many times I add them) in tinyDB and once added, it should be displayed as a list. Like a table.

2

just do it and if you have specific questions, let us know and add a screenshot of your relevant blocks

you might want to use the following extesion to display the table

A very good way to learn App Inventor or Kodular is to read the free Inventor’s Manual here in the AI2 free online eBook App Inventor 2 Book: Create Your Own Android Apps … the links are at the bottom of the Web page. The book ‘teaches’ users how to program with AI2 blocks.
There is a free programming course here Course In A Box and the aia files for the projects in the book are here: App Inventor 2 Book: Create Your Own Android Apps
How to do a lot of basic things with App Inventor are described here: How do you...? .

Also do the tutorials Our Tutorials! to learn the basics of App Inventor, then try something and follow the Top 5 Tips: How to learn App Inventor

Taifun

3

Here’s what I did so far. Clueless about next step (I am a novice when it comes to coding. Just know a bit of HTML and CSS nothing else.)

Kodular
Kodular458×402 34.7 KB

4

learn to work with lists

and do the tutorials to learn the basics

Taifun

5

What I want to do is, display the stored data as a table or list. How do I retrieve the data from TinyDB. And, would you mind going through the screenshot I attached and tell me if there’s any error.

6

your blocks will work for 1 birthday only

for several birthdays use a list to store a birthday (i.e. a name, date and phone number) and store that sublist as item in a main list
That main list you store in TinyDB in only 1 tag

Taifun

7

if you want to add multiple birthdays then use add items to the list block

8

Please tell me what I am doing wrong. The entered values are not displaying once I hit the Save button.

Capture2
Capture2610×466 48.8 KB

9

Hi Kunnathur,

Please initialize listMain as an empty list, then set its values in the saveButton.Click event, before calling Tiny_DB1.StoreValue.

Also, make sure to use ListView1.Elements, not ListView1.ElementFromString.

ElementsFromString expects values separated by commas
for example, red,blue,green will be converted into a list of three items.

GetEntries creates a dictionary where each entry is composed of a key (Tiny_DB tag name) and a value (the stored value associated with that tag).
However, this is not what you’re trying to achieve in your current setup.

Let me know if this helps.

1 Like
10

(post deleted by author)

11

This is what I have done so far. Whenever the app starts, I want to show already added entries. And once the save button is pressed, I want to add the last entry to the end of the list. Seems like this block is not rendering what I want. Appreciate the help.

Kodular 3
Kodular 3443×485 69.2 KB

12

Good morning Kunnathur,

try this

845×599 52 KB

if you want a formatted text like “textBox || Month Day || phoneNumber”

image
image1026×639 68.1 KB

1 Like
13

Thanks a lot. It did work.

1 Like