Listview: nested content using data-role="subpage"

[medovob]

A few tweaks to the current nested list implementation allows for nested content of any type.

The markup would look something like this:

<ul data-role="listview">
     <li>
          <h2 data-role="subpagetitle">Subpage Title</h2>
          <p>Brief description</p>
          <div data-role="subpage">
                <p>Long Description</p>
          </div>
     </li>

     ...etc

 </ul>

[scottjehl]

Interesting idea. Can you post a link to a working demo for this please?

It seems like linking to an internal page might be easier and structurally better than placing page content inside a UL structure. What do you think?

<div data-role="page">
<ul data-role="listview">
    <li><a href="#foo">foo</a></li>
    <li><a href="#bar">bar</a></li>
</ul>
</div><!-- /page -->


<div data-role="page" id="foo">
...
</div><!-- /page -->


<div data-role="page" id="bar">
...
</div><!-- /page -->

[taliesins]

+1 vote from me.

[Violinist]

+1 vote from me.
It will be definetly useful for me and will increase code readability.

[ghost]

In alpha 2, when I create a thumbnail list item and then add sub list items under that, it is giving me an error. This looks similar to what you are discussing. This is the code I used..

<li>
   <img src='resources/images/g.jpg' />
   <h3><a href='#'>Test</a></h3>
   <p>Governor</p>
   <ul>
     <li>Test</li>
   </ul>
</li>

Even this is giving an error.

<li>
   <span>test</span>
   <ul>
     <li>Test</li>
   </ul>
</li>

[johnbender]

medovob,

Thanks for taking the time to contribute, judging by the discussion this is certainly something that we'll want to address post beta/release. For now I'm going to move this to the feature request wiki page.

[medovob]

Ok - thanks for considering this.

If anyone is interested, I've put a script together that provides this functionality by creating the subpages using the pagebeforecreate event

https://gist.github.com/823744

Any comments/feedback welcome