Generate a collapsibleset dinamically

Tue May 13, 2014 5:50 pm

Hello.
Is there a way to create several collapsibles inside a collapsibleset, based on a collection of data?

Tue May 13, 2014 11:25 pm

Hi Quarenta.

Yes it is posible to generate two-level collapsible set based on service response data.

Please follow this solution:

pre

1 Put collapsible set on the page. And set items=1. http://prntscr.com/3izkvh/direct

2 Expand this one collapsible item. http://prntscr.com/3izmp0/direct

Code: Select all

 2&#46;1 Put HTML component inside&#46; 

 2&#46;2 Set "type" to "div"&#46; 

 2&#46;3 Set dimentions with "auto" "auto" values&#46;

3 Put collapsibleSet component inside "html" component from setp 2. Set items=1. http://prntscr.com/3iznut/direct

4 Open source tab. And navigate to "WER_RESOURCES"-resources-lib-base.

Code: Select all

 4&#46;1 Find "appery&#46;js" file and duplicate it&#46; http:&#47;&#47;prntscr&#46;com/3izokk/direct 

 4&#46;2 Open "appery&#46;js" file and clear it&#46; 

 4&#46;3 Fill this file with content of following file(upoad it, open with text editor, copy all content and paste inside the "appery&#46;js" file) https:&#47;&#47;www&#46;dropbox&#46;com/s/hg4y4k33j8esfgc/pathced_for_v2&#46;0&#46;appery&#46;js

5 Navigate to data tab. And create data source for some list service and click "Edit mapping". Note your list service shoud consist of two level arrays.

Code: Select all

 5&#46;1 Open "Response" tab&#46; 

 5&#46;2 Link "$[]" to first level mobileCollapsibleBlock&#46; http:&#47;&#47;prntscr&#46;com/3iztbe/direct 

 5&#46;3 Link "$[]-yourArrayInsideItem" to second level mobileCollapsibleBlock&#46;  http:&#47;&#47;prntscr&#46;com/3izv5h/direct

6 Run your service datasource on "page show" event.

/pre

That's all..

You will recieve following result:

http://prntscr.com/3izvvh/direct

http://prntscr.com/3izw03/direct

Regards.

Wed May 14, 2014 7:03 am

Thanks for your answer Yurii.
But i'm trying to form several collapsibles based on information that is based on a xml file placed on a folder resources, in the project. So, i need a way to link the number of items in the file with how many items the collapsible set should have.

Is it possible???

But i'm curious by the way. Why did you put a html element of type div inside the collapsblockcontent, before putting the 2nd level collapsible set? Would it make any difference to just put the 2nd level collapsible set inside the collapsblockcontent of the 1st level collapsible set?

Thu May 15, 2014 9:27 am

Hi,

You can create a service that reads local XML file and add mapping to Collapsibleset.

Fri May 16, 2014 9:19 am

Bonjour Katya. How have browse the service tutorials and found nothing concerned with our subject.

Could you exemplify your suggestion? I know how to read a xml file via jQuery, and know how to map a REST service response to a Collapsibleset, but what you said me to do i don't know.

Thanks

Fri May 16, 2014 11:20 am

Hi,

Using HTML component as a container - is a workaround for current known bug, as well as appery.js file editing.

You can implement any datasource you need within Appery.io.

Please use "Generic service" for these goals. You should implement service manually, as you need.

Here is how to implement generic service in Appery.io: http://docs.appery.io/documentation/u...

Note, your own generic service should return two-level array like on the example above.