How do I use CompCreator with Listview?

MIT App Inventor Help
, , ,
#12

As @Kevinkun said earlier, you do not use listview with CompCreator, you create a "list view" using dynamic components. Once you understand that concept, the construction of your "list view" should become more obvious. Note what @dora_paz advised about using a click extension on the horizontal arrangements (row) to get row returned.

I will provide a simple example for you in a short while... but you can look HERE for other "list view" examples using CompCreator

#14

Horizontal arrangements created dynamically, each one contains 3 labels. Using ClickZ I can get row and change for example bgcolor

1 Like
#15

after selected can I get row values for Date, shop, item?

#16

could you please share aia, thanks in advance!

#17

See my example here

ListViewCompCreatorExample.aia (40.8 KB)

image

BLOCKS

blocks (5)
blocks (5)1177×1401 216 KB

I include the header row, so subtract 1 from the row number so that the data selected starts at 1. The header row returns 0. You can stop that from selecting using an if statement.

If you want the label values after selecting, then use the row number returned (add 1) and select the items from the original data list.

If you want to filter the list to a particular date/shop/item, then filter the original list, and apply the filtered list to the dynamic list view (e.g. shopData).

3 Likes
#18

Upgrade - fixed header

ListViewCompCreatorExamplev2.aia (41.7 KB)

BLOCKS

blocks (6)
blocks (6)1357×2021 482 KB

#19

There is a OnClick method in CompCreator, one sample here:

image
image1006×692 59.8 KB

2 Likes
#21

Here is my result after using amazing extention customListview :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts:

image
image909×495 47.1 KB

image
image1366×765 80 KB

2 Likes
#24

Post a link to the page of the developers extension not the aix itself. Removed the post.

#25

Old habits die hard...I keep forgetting about this :wink:

#26

With these blocks I can get clicked row, but how can I get the col or better the clicked label ?

#27

you can bind the click event on label, and take the label as parameter of the procedure, like this:
image

or you can use a custom property:
image

5 Likes
#28

Thank you Kevin, it runs very well, how can I have scrolling with many columns ?

#29

Set your "rows" (horizontal arrangements) in a vertical scrolling arrangement

#38

(post deleted)...

#39

My blocks and my screen, how can I solve ?

blocks
blocks1253×2005 242 KB

Screen
Screen723×734 231 KB

#40

Try setting all the horizontal arrangements to fill parent (-2) - including the header row

Then set all the labels (including header row) to fill parent

#42

I did it, did you see the blocks ?
TableCompCreatorOnClick.aia (36.2 KB)

#43

You are using horizontal scroll arrangements. Just use horizontal arrangements

#44

How can I have horizontal scroll (many columns) ?