Start IoT with jQueryMobile - 기초4
- 2. 1. Listview 2. Collapsible 3. Collapsible set jQueryMobile Fundamental 4 Based on http://demos.jquerymobile.com/1.4.0/
- 3. Listview : Unordered & Linked jQueryMobile Fundamental 4 A listview is coded as a simple unordered list (ul) or ordered list (ol) with a data-role="listview"attribute and has a wide range of features. Tab
- 4. Listview : Inset & Filter jQueryMobile Fundamental 4 Adding the data-inset="true" attribute to the list, the inset appearance is useful for mixing a listview with other content. To make a list filterable, add the data-filter="true" attribute to the list. Tab Real Content
- 5. Listview : Divider & Count jQueryMobile Fundamental 4 List items can be organize and group the list items adding the data- role="list-divider" to any list item. To add a count indicator to the right of the list item with a class of ‘ui-li-count’.
- 6. Listview : Icon & Thumnails jQueryMobile Fundamental 4 Set the ’data-iconattribute’ on the desired list item to the name of a standard icon. To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element. demos.jquerymobile.com/1.4.0/icons/
- 7. Collapsible jQueryMobile Fundamental 4 To create a collapsible block of content, create a container and add the data-role="collapsible"attribute. For forms, use a fieldset and legend for the collapsible.
- 8. Collapsible Set jQueryMobile Fundamental 4 By adding a parent wrapper with a data-role="collapsible-set" attribute, you can make collapsible set. For full width collapsibles without corner styling add the data-inset="false" attribute to the set.
- 9. Expand your dimension! Let’s Start!