List Views

jQuery Mobile : List Views How to : 1. Download HP Reveal App 2. Scan QR Code with Line or search “Siraprapa” 3. Scan picture

คํานํา หนงั สอื เลมน้เี ปนสว นหนงึ่ ของวิชา jQueryMobile : List viewsโดยมีจดุ ประสงค เพือ่ การนาํ ความรทู ่ไี ดศ ึกษามาประยุกตใชก บั เทคโนโลยีใหเกิดประโยชนสงู สงู ซึ่งจะมีการนาํ เทคโนโลยี AR เขามาชวยในการทําหนังสือเลมน้ี ในการจดั ทําหนังสือและส่อื ประกอบในคร้ังน้ี ผจู ดั ทําขอขอบคณุอาจารยว ภิ ดา เชย่ี วชาญ และอาจารยณฐั ภัทร แกวรตั นภัทร ผ◌ู ็ใหค วามรูและแนวทางในการทาํ ส่อื หนังสอื เลมนี้ ผจู ดั ทาํ หวังวา หนงั สอื เลมน้จี ะใหความรแู ละเปน แนวทางในการศกึ ษาของผอู านทกุ ๆทาน ผูจ ดั ทํา ศิรประภา เรอื งสา

สารบัญ เร่อื ง หนา- List Views คืออะไร 1-2- Ordered List 3- Unordered List 4- การกาํ หนด Inset 5- แบบสอบถาม 6- บรรณานุกรม 7

List Views คอื อะไร?▶ List Views คือ การแสดงรายการ หรือแสดงลสิ ตข อ มลู▶ การใช List Views ควรทาํ ความเขาใจเกี่ยวกับ List เบือ้ งตน ดังน้ี - ในภาษา HTML มี Tag ท่ีใชใ นการแสดง List ขอมลู มา นานแลว

List Views คืออะไร? โดยมี List 2 ลกั ษณะ คือ 1. <ol> </ol> หรือ Ordered List เปน List ทีส่ รา งลาํ ดบั ตวั เลข 2. <ul> </ul> หรือ Unordered List เปน List ทไ่ี มแสดงลําดับตัวเลข▶ โดยทัง้ OL และ UL นน้ั จะตอ งใชร ว มกบั LI เสมอ โดย <li> li</> หรือ List Item คอื ชดุ ขอ มูลใน List แตละตัว นั่นเอง ดงั น้นั จะใช <ol> หรือ <ul> เดย่ี วๆไมได จะตอ งใช รว มกบั <li> เสมอ

Ordered List

Unordered List

การกําหนด Inset การกาํ หนด Inset (ใสก รอบ) = True เพื่อทาํ ให List มกี รอบA standard list:List with data-inset=”true”:

แบบสอบถาม

บรรณานุกรม- คูมือการพฒั นา Mobile Web ดว ย jQuery Mobile [อาจารยณ ัฐภทั ร แกวรตั นรัตน]- http://jquerymobile.com/