List

OnsenUI

Component for representing a list. It takes an array called datasrouce and calls renderRow(row, index) for every row. Furthermore, the header and the footer can be specified with renderRow and renderHeader respectivly.

Click here to see the original article

Sourav Chatterjee

List item is not Rendering please see my question in Stackoverflow http://stackoverflow.com/questions/42969826/onsen-ui-reactjs-list-items-not-rendering

samphan

I usually wonder whether I can use <List> without dataSource/renderRow, but specifying <ListItem> manually. It works but I’m not sure if it is legal (e.g. may not work in future versions) because it’s not mentioned in this tutorial. Then I found the pattern in the tutorial. So I guess it is legal.

<Ons.List>
  <Ons.ListHeader>Bindings</Ons.ListHeader>
  <Ons.ListItem>Vue</Ons.ListItem>
  <Ons.ListItem>Angular</Ons.ListItem>
  <Ons.ListItem>React</Ons.ListItem>
</Ons.List>

Elad Karni

Instead of (row, index) I want it to be (row, index, foo). How do I change renderRow={this.renderRow} so that will work?

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

List