Skip to content
Browse files

Nested Listviews: Remove nested listviews depreceated in 1.3.0

  • Loading branch information...
1 parent 8d61fb2 commit 923a83efe2d6abf62852936cf0255d413cb4c104 @arschmitz arschmitz committed May 9, 2013
View
93 js/widgets/listview.js
@@ -12,8 +12,7 @@ define( [ "jquery", "../jquery.mobile.widget", "../jquery.mobile.buttonMarkup",
//Keeps track of the number of lists per page UID
//This allows support for multiple nested list in the same page
//https://github.com/jquery/jquery-mobile/issues/1617
-var listCountPerPage = {},
- getAttr = $.mobile.getAttribute;
+var getAttr = $.mobile.getAttribute;
$.widget( "mobile.listview", $.mobile.widget, $.extend( {
@@ -98,7 +97,6 @@ $.widget( "mobile.listview", $.mobile.widget, $.extend( {
refresh: function( create ) {
this.parentPage = this.element.closest( ".ui-page" );
- this._createSubPages();
var o = this.options,
$list = this.element,
@@ -287,95 +285,6 @@ $.widget( "mobile.listview", $.mobile.widget, $.extend( {
//create a string for ID/subpage url creation
_idStringEscape: function( str ) {
return str.replace(/[^a-zA-Z0-9]/g, "-");
- },
-
- _createSubPages: function() {
- var parentList = this.element,
- parentPage = parentList.closest( ".ui-page" ),
- parentUrl = getAttr( parentPage[ 0 ], "url", true ),
- parentId = parentUrl || parentPage[ 0 ][ $.expando ],
- parentListId = parentList.attr( "id" ),
- o = this.options,
- dns = "data-" + $.mobile.ns,
- self = this,
- persistentFooter = parentPage.find( ":jqmData(role='footer')" ),
- persistentFooterID = ( persistentFooter.length > 0 ? getAttr( persistentFooter[ 0 ], "id", true ) : undefined ),
- hasSubPages,
- newRemove = function( e, ui ) {
- var nextPage = ui.nextPage, npURL,
- prEvent = new $.Event( "pageremove" );
-
- if ( ui.nextPage ) {
- npURL = getAttr( nextPage[ 0 ], "url", true );
- if ( npURL.indexOf( parentUrl + "&" + $.mobile.subPageUrlKey ) !== 0 ) {
- self.childPages().remove();
- parentPage.trigger( prEvent );
- if ( !prEvent.isDefaultPrevented() ) {
- parentPage.removeWithDependents();
- }
- }
- }
- };
-
- if ( typeof listCountPerPage[ parentId ] === "undefined" ) {
- listCountPerPage[ parentId ] = -1;
- }
-
- parentListId = parentListId || ++listCountPerPage[ parentId ];
-
- $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) {
- var list = $( this ),
- listId = list.attr( "id" ) || parentListId + "-" + i,
- parent = list.parent(),
- nodeElsFull = $( list.prevAll().toArray().reverse() ),
- nodeEls = nodeElsFull.length ? nodeElsFull : $( "<span>" + $.trim(parent.contents()[ 0 ].nodeValue) + "</span>" ),
- title = nodeEls.first().getEncodedText(),//url limits to first 30 chars of text
- id = ( parentUrl || "" ) + "&" + $.mobile.subPageUrlKey + "=" + listId,
- theme = getAttr( list[ 0 ], "theme", true ) || o.theme,
- countTheme = getAttr( list[ 0 ], "counttheme", true ) || getAttr( parentList[ 0 ], "counttheme", true ) || o.countTheme,
- newPage, anchor;
-
- //define hasSubPages for use in later removal
- hasSubPages = true;
-
- newPage = list.detach()
- .wrap( "<div " + dns + "role='page' " + dns + "url='" + id + "' " + dns + "theme='" + theme + "' " + dns + "count-theme='" + countTheme + "'><div " + dns + "role='content'></div></div>" )
- .parent()
- .before( "<div " + dns + "role='header' " + dns + "theme='" + o.headerTheme + "'><div class='ui-title'>" + title + "</div></div>" )
- .after( persistentFooterID ? $( "<div " + dns + "role='footer' " + dns + "id='"+ persistentFooterID +"'>" ) : "" )
- .parent()
- .appendTo( $.mobile.pageContainer );
-
- newPage.page();
-
- anchor = parent.find( "a:first" );
-
- if ( !anchor.length ) {
- anchor = $( "<a/>" ).html( nodeEls || title ).prependTo( parent.empty() );
- }
-
- anchor.attr( "href", "#" + id );
-
- }).listview();
-
- // on pagehide, remove any nested pages along with the parent page, as long as they aren't active
- // and aren't embedded
- if ( hasSubPages &&
- parentPage.is( ":jqmData(external-page='true')" ) &&
- parentPage.data( "mobile-page" ).options.domCache === false ) {
-
- // unbind the original page remove and replace with our specialized version
- parentPage
- .unbind( "pagehide.remove" )
- .bind( "pagehide.remove", newRemove);
- }
- },
-
- // TODO sort out a better way to track sub pages of the listview this is brittle
- childPages: function() {
- var parentUrl = this.parentPage.jqmData( "url" );
-
- return $( ":jqmData(url^='"+ parentUrl + "&" + $.mobile.subPageUrlKey + "')" );
}
}, $.mobile.behaviors.addFirstLastClasses ) );
View
131 tests/integration/listview/listview_core.js
@@ -855,137 +855,6 @@
module( "Cached Linked List" );
- var findNestedPages = function(selector){
- return $( selector + " #topmost" ).listview( 'childPages' );
- };
-
- asyncTest( "nested pages are removed from the dom by default", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- $.mobile.changePage( "cache-tests/uncached-nested.html" );
- },
-
- function(){
- ok( findNestedPages( "#uncached-nested-list" ).length > 0, "verify that there are nested pages" );
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "cache-tests/clear.html" );
- },
-
- function(){
- deepEqual( findNestedPages( "#uncached-nested-list" ).length, 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "nested pages preserved when parent page is cached", function(){
-
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- $.mobile.changePage( "cache-tests/cached-nested.html" );
- },
-
- function(){
- ok( findNestedPages( "#cached-nested-list" ).length > 0, "verify that there are nested pages" );
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "cache-tests/clear.html" );
- },
-
- function(){
- ok( findNestedPages( "#cached-nested-list" ).length > 0, "nested pages remain" );
- start();
- }
- ]);
- });
-
- asyncTest( "parent page is not removed when visiting a sub page", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- $.mobile.changePage( "cache-tests/cached-nested.html" );
- },
-
- function(){
- deepEqual( $("#cached-nested-list").length, 1 );
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "cache-tests/clear.html" );
- },
-
- function(){
- deepEqual( $("#cached-nested-list").length, 1 );
- start();
- }
- ]);
- });
-
- asyncTest( "nested pages hash key is always in the hash (replaceState)", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- // https://github.com/jquery/jquery-mobile/issues/1617
- $.mobile.changePage("#nested-lists-test");
- },
-
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- ok( location.hash.search($.mobile.subPageUrlKey) >= 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "embedded listview page with nested pages is not removed from the dom", function() {
- $.testHelper.pageSequence([
- function() {
- // open the nested list page
- deepEqual( $("div#nested-list-test").length, 1 );
- $( "a#nested-list-test-anchor" ).click();
- },
-
- function() {
- // go back to the origin page
- window.history.back();
- },
-
- function() {
- // make sure the page is still in place
- deepEqual( $("div#nested-list-test").length, 1 );
- start();
- }
- ]);
- });
-
asyncTest( "list inherits theme from parent", function() {
$.testHelper.pageSequence([
View
103 tests/integration/listview/listview_nested.js
@@ -1,103 +0,0 @@
-/*
- * mobile listview unit tests
- */
-(function($) {
- module('Nested List Test', {
- setup: function() {
- // ensure that the nested pages are generated
- stop();
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test");
- },
-
- function() {
- window.history.back();
- },
-
- start
- ]);
- }
- });
-
- asyncTest( "Changes page to nested list test and enhances", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test");
- },
-
- function(){
- ok($('#nested-list-test').hasClass('ui-page-active'), "makes nested list test page active");
- ok($(':jqmData(url="nested-list-test&ui-page=0-0")').length == 1, "Adds first UL to the page");
- ok($(':jqmData(url="nested-list-test&ui-page=0-1")').length == 1, "Adds second nested UL to the page");
- start();
- }
- ]);
- });
-
- asyncTest( "change to nested page when the li a is clicked", function() {
-
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test");
- },
-
- function(){
- $('.ui-page-active li:eq(1) a:eq(0)').click();
- },
-
- function(){
- var $new_page = $(':jqmData(url*="ui-page=0-0")');
-
- ok($new_page.hasClass('ui-page-active'), 'Makes the nested page the active page.');
- ok($('.ui-listview', $new_page).find(":contains('Rhumba of rattlesnakes')").length == 1, "The current page should have the proper text in the list.");
- ok($('.ui-listview', $new_page).find(":contains('Shoal of Bass')").length == 1, "The current page should have the proper text in the list.");
- start();
- }
- ]);
- });
-
- asyncTest( "should go back to top level when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test");
- },
-
- function(){
- $.mobile.changePage("#nested-list-test&ui-page=0-0");
- },
-
- function(){
- window.history.back();
- },
-
- function( timeout ){
- ok($.mobile.activePage.is('#nested-list-test'), 'Transitions back to the parent nested page');
- start();
- }
- ]);
- });
-
- test( "nested list title should use first text node, regardless of line breaks", function(){
- deepEqual($(":jqmData(url='nested-list-test&ui-page=0-0') .ui-title").text(), "More animals", 'Text should be "More animals"');
- });
-
- asyncTest( "Multiple nested lists on a page with same labels", function() {
- $.testHelper.pageSequence([
- function(){
- // https://github.com/jquery/jquery-mobile/issues/1617
- $.mobile.changePage("#nested-lists-test");
- },
-
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- equal($('.ui-page-active .ui-content .ui-listview li').text(), "Item A-3-0Item A-3-1Item A-3-2", 'Text should be "Item A-3-0Item A-3-1Item A-3-2"');
- start();
- }
- ]);
- });
-})( jQuery );
View
421 tests/integration/listview/nested-tests.html
@@ -1,421 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Listview Integration Test</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/requirejs.config.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script type="text/javascript">
- // redirects from push-state-tests.html
- $( document ).bind( 'mobileinit', function(){
- $.testHelper.setPushState();
- });
- </script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.navigation",
- "widgets/listview",
- "widgets/listview.filter",
- "widgets/listview.autodividers"
- ],
- [ "jquery.mobile.init" ],
- [ "listview_nested.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Listview Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<!-- Basic Linked view test -->
-<div data-nstest-role="page" id='basic-linked-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li><a href="#basic-link-results">Home</a></li>
- <li><a href="#basic-link-results">Back</a></li>
- <li><a href="#basic-link-results">Return</a></li>
- <li><a href="#nested-list-test" id="nested-list-test-anchor">Nested List Test</a></li>
- </ul>
- </div>
- <a href="cache-tests/nested.html" id="cached-tests"></a>
-</div>
-
-<div data-nstest-role='page' id='basic-link-results'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Results</h1>
- </div>
-</div>
-
-<!-- Nested List -->
-<div data-nstest-role="page" id='nested-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>Groups of animals
- <ul>
- <li>pod of whales</li>
- <li>quiver of cobras</li>
- <li>troop of baboons</li>
- </ul>
- </li>
- <li class="linebreaknode">
-
- More animals
-
-
- <ul>
- <li>Shoal of Bass</li>
- <li>Rhumba of rattlesnakes</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-
-<div data-nstest-role="page" id='nested-lists-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-<!-- Numbered List -->
-<div data-nstest-role="page" id='numbered-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ol data-nstest-role="listview">
- <li><a href="#numbered-list-results">Number 1</a></li>
- <li><a href="#numbered-list-results">Number 2</a></li>
- <li><a href="#numbered-list-results">Number 3</a></li>
- </ol>
- </div>
-</div>
-
-<div data-nstest-role='page' id='numbered-list-results'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Numbered List</h1>
- </div>
-</div>
-
-<!-- Read only List -->
-<div data-nstest-role="page" id='read-only-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>Read</li>
- <li>Only</li>
- <li>List</li>
- <li>View</li>
- </ul>
- </div>
-</div>
-
-<!-- Split listview -->
-<div data-nstest-role="page" id='split-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id='split-list-link1'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List view 1</h1>
- </div>
-</div>
-
-<div data-nstest-role="page" id='split-list-link2'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List view 2</h1>
- </div>
-</div>
-
-<!-- List divider -->
-<div data-nstest-role="page" id='list-divider-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>List Divider Test</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li data-nstest-role="list-divider">This is a list divider</li>
- <li>c is for catwoman</li>
- <li data-nstest-role="list-divider">This is another list divider</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Autodivider -->
-<div data-nstest-role="page" id="autodividers-test">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Autodivider Test</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-autodividers="true">
- <li data-nstest-role="list-divider">SHOULD REMOVE</li>
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id="autodividers-selector-test">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Autodivider Selector Test</h1>
- </div>
- <div data-nstest-role="content">
- <ul id="autodividers-selector-test-list1" data-nstest-role="listview" data-nstest-autodividers="true">
- <li><a href="">a is for aquaman</a></li>
- <li><a href="">b is for batman</a></li>
- <li><a href="">c is for catwoman</a></li>
- <li><a href="">d is for darkwing</a></li>
- </ul>
-
- <ul id="autodividers-selector-test-list2" data-nstest-role="listview" data-nstest-autodividers="true">
- <li><div><span class="autodividers-selector-test-selectme">eddie</span> is for aquaman</div></li>
- <li><div><span class="autodividers-selector-test-selectme">frankie</span> is for batman</div></li>
- <li><div><span class="autodividers-selector-test-selectme">georgie</span> is for catwoman</div></li>
- <li><div><span class="autodividers-selector-test-selectme">henry</span> is for darkwing</div></li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter -->
-<div data-nstest-role="page" id='search-filter-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter with list-dividers -->
-<div data-nstest-role="page" id='search-filter-with-dividers-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li data-nstest-role="list-divider">a</li>
- <li>a is for aquaman</li>
- <li data-nstest-role="list-divider">b</li>
- <li>b is for batman</li>
- <li data-nstest-role="list-divider">c</li>
- <li>c is for catwoman</li>
- <li data-nstest-role="list-divider">d</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter inset -->
-<div data-nstest-role="page" id='search-filter-inset-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Inset Filter List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true" data-nstest-inset="true">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Programmatically generated list items !-->
-<div data-nstest-role="page" id="programmatically-generated-list">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="programmatically-generated-list-items"></ul>
-</div>
-
-<!-- Removing items from list -->
-<div data-nstest-role="page" id='removing-items-from-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- </ul>
- </div>
-</div>
-
-<!-- Rounded corners inset list with variable items -->
-<div data-nstest-role="page" id='corner-rounded-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id="enhancetest">
- <ul data-nstest-role="listview">
- <li><a href="#basic-link-results">Home</a></li>
- <li><a href="#basic-link-results">Back</a></li>
- <li><a href="#basic-link-results">Return</a></li>
- </ul>
-</div>
-
-<div id="list-theme-inherit" data-nstest-theme="b">
- <ul data-nstest-role="listview">
- <li>foo</li>
- </ul>
-</div>
-
-<div data-nstest-role="page" id="ui-li-has-test">
- <div data-nstest-role="content">
- <p>Right padding on item 1 is OK (75px).</p>
- <p>Right padding on items 2 &amp; 3 should probably be around 30 or 35 (not 25).</p>
- <p>Right padding on item 4 should be 15px to match the left side.</p>
- <ol data-nstest-role="listview" data-nstest-inset="true">
- <li><a href="#">Link LI with counter --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></a></li>
- <li><a href="#">Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a></li>
- <li><a href="#page1">Page1 Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a><a href="#page2"></a></li>
- <li>Static LI with counter ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></li>
- <li>Static LI without counter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</li>
- </ol>
- </div>
-</div>
-
-
-<div id="list-inset-filter-prototype" data-nstest-theme="b">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li>foo</li>
- <li>bar</li>
- </ul>
-</div>
-
-<div id="list-inset-filter-data-attr" data-nstest-theme="b">
- <ul data-nstest-role="listview" data-nstest-filter="true" data-nstest-inset="true">
- <li>foo</li>
- <li>bar</li>
- </ul>
-</div>
-
-<div data-nstest-role="page" id="split-list-icon">
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-split-icon="delete">
- <li data-nstest-icon="star"><a href="#">Star</a><a href="#">Star</a></li>
- <li data-nstest-icon="plug"><a href="#">Plus</a><a href="#">Plus</a></li>
- <li><a href="#">Default</a><a href="#">Default</a></li>
- <!-- respect the child element icon -->
- <li data-nstest-icon="star"><a href="#">Default</a><a data-nstest-icon="plug" href="#">Default</a></li>
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id="list-divider-ignore-link">
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li data-nstest-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-nstest-role="list-divider" id="ignored-link">B has a <a href="#">link</a></li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-nstest-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- </ul>
- </div><!-- /content -->
-</div>
-</body>
-</html>

0 comments on commit 923a83e

Please sign in to comment.
Something went wrong with that request. Please try again.