alloy/samples/apps/ui/listview/views/sections.xml

TiDev Titanium MVC Framework

<Alloy>
	<Tab title="sections">
		<Window title="sections">
			<ListView id="list" onItemclick="onItemClick">
				<HeaderView>
					<Label backgroundColor="#a88">headerView</Label>
				</HeaderView>
				<FooterView>
					<Label backgroundColor="#8a8">footerView</Label>
				</FooterView>

				<ListSection headerTitle="title 1">
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
				<ListSection>
					<HeaderView>
						<Label backgroundColor="#a88">headerView</Label>
					</HeaderView>
					<FooterView>
						<Label backgroundColor="#8a8">footerView</Label>
					</FooterView>
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
				<ListSection headerTitle="title 3">
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
				<ListSection headerTitle="title 4">
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
			</ListView>
		</Window>
	</Tab>
</Alloy>