Two lists in a view

[mdixit_1401]

Hi Experts,

I have a requirement to show two lists one below the other with scrollbar for each of them. I tried using grid but I am not able to get the scrollbar for individual list. Please help.

Thanks,

Mansi

[sanjoy0308]

Please check if it helps

JS Bin - Collaborative JavaScript Debugging

[Former Member]

One way is to create a view for each list. Call them from the main as below.

Initial View:

<Page title="2 Lists">

  <content>

  <mvc:XMLView viewName="TestForm.view.view1" height="50%"></mvc:XMLView>

  <mvc:XMLView viewName="TestForm.view.view2" height="50%"></mvc:XMLView>

  </content>

</Page>

View1 & View2 sample code like below to display your list:

<App height="100%">

<Page>

  <List items="{fruits>/}">

  <items>

  <StandardListItem title="{fruits>name}">

  </StandardListItem>

  </items>

  </List>

</Page>

</App>

[karthikarjun]

Will this help?  http://jsbin.com/matule/edit?html,output

Else, please let us know

[sanjoy0308]

Hi Mansi,

If you place two lists one after another without any container/layout with scroll enabled, is that not solving problem?

Regards,

Sanjoy

[karthikarjun]

can you please share your code

[Former Member]

Hi Mansi,

You can try with ScrollContainer.

Check the sample at SAPUI5 Explored

Regards

Mayank Jain