บทช่วยสอน jQuery EasyUI เค้าโครง - สร้างแท็บ (แท็บ) ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ดาวน์โหลดตัวอย่าง jQuery EasyUI,

jQuery EasyUI เค้าโครง - สร้างแท็บ (แท็บ)

กวดวิชานี้จะแสดงให้เห็นถึงวิธีการใช้ความล่าช้าในการสร้างองค์ประกอบแท็บ easyui แท็บสามารถมีหลายแบบไดนามิกเพิ่มหรือลบแผง (แผง) คุณสามารถใช้แท็บเพื่อแสดงหน่วยงานที่แตกต่างกันในหน้าเดียวกัน

แท็บแสดงเฉพาะครั้งหนึ่งเคยเป็นแผง (แผง) แต่ละแผง (แผง) มีชื่อไอคอนและปุ่มปิด เมื่อแท็บเลือกหน้าจอแสดงผลที่สอดคล้องกัน (Panel) เนื้อหา

การสร้างแท็กแท็บจาก HTML, มีจำนวนของภาชนะ DIV DIV และแผง (แผง)

	<div class = "easyui แท็บ" style = "width: 400px; ความสูง: 100px;">
		<div title = "แท็บแรก" style = "padding: 10px;">
			แท็บแรก
		</ div>
		<div title = "แท็บที่สอง" closable สไตล์ = "true" = "padding: 10px;">
			แท็บที่สอง
		</ div>
		<div title = "แท็บสาม" iconCls = "ไอคอนโหลด" closable สไตล์ = "true" = "padding: 10px;">
			แท็บที่สาม
		</ div>
	</ div>

เราสร้างองค์ประกอบที่มีสามแท็บแผง (แผง) แผงที่สองและสาม (Panel) สามารถปิดได้โดยคลิกที่ปุ่มปิด

ดาวน์โหลดตัวอย่าง jQuery EasyUI

jeasyui-layout-tabs1.zip

jQuery EasyUI เค้าโครง - สร้างแท็บ (แท็บ)
10/30