ListView static headers & footers, grouping and unbound mode support
See original GitHub issueI think this is a good use-case, for the following features:
- Support unbound mode in ListView #262
- Enable grouping on ListView #259
- Allow ListView init by directly specifying its items without template and collection #104
Our “Expensity” application has the following design for iOS:
Which in iOS can easily be created using Xcode’s IB with UITableView that has Content
of Static Cells
. The following is a screenshot of an attempt to recreate the above design in Xcode with static cells:
I would expect something like the following code, to be able to recreate what is possible with Xcode’s storyboards:
<Page xmlns="http://www.nativescript.org/tns.xsd"
loaded="pageLoaded"
navigatedTo="navigatedTo">
<Page.actionBar>
<ActionBar title="Xpensity">
<ActionBar.actionItems>
<ActionItem text="Sign up" tap="signup" ios.position="right" android.position="actionBar" />
</ActionBar.actionItems>
</ActionBar>
</Page.actionBar>
<ListView>
<ListViewSection>
<ListViewCell>
<TextField hint="username" text="{{ username }}" />
</ListViewCell>
<ListViewCell>
<TextField hint="password" text="{{ password }}" secure="true" />
</ListViewCell>
</ListViewSection>
<ListViewSection>
<ListViewCell>
<Button text="Login" tap="login" />
</ListViewCell>
</ListViewSection>
<!-- list-view footer -->
<Button text="Forgotten password?" tap="resetpass" />
</ListView>
</Page>
Currently the effect is achieved with a bunch of Border-s and CSS.
Issue Analytics
- State:
- Created 8 years ago
- Comments:26 (5 by maintainers)
Top Results From Across the Web
GroupHeader in Listview with bindable and static items
I have a SfListView with an ItemTemplate in it. My idea is that there must have a GroupHeader to separate some items. Let...
Read more >Virtualization | Blazor | ComponentOne - GrapeCity
This data virtualization technique is supported in ListView through C1DataCollection which provides C1VirtualDataCollection class for data virtualized ...
Read more >7 Creating the ADF Mobile AMX User Interface
Defines the central area in a page that scrolls vertically between the header and footer areas. For more information, see Section 7.2.2, "How...
Read more >Nativescript Radlistview Scroll To Bottom With Footer - ADocLib
RadListView allows for defining Header and Footer. ... ListView static headers & footers grouping and unbound mode support #524.Closed.
Read more >Move ListView Items Between Groups in Unbound Mode
RadListView supports drag and drop behavior out of the box when using unbound mode. However, if grouping is enabled, there is not default...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I would be very interested in this feature as well.
Can we get the floating headers?: