-
jQuery EasyUI หลักสูตร
jEasyUI ใบสมัคร
- jEasyUI การสร้างแอพลิเคชัน CRUD
- jEasyUI การสร้างตารางข้อมูล CRUD
- jEasyUI แบบฟอร์มใบสมัคร CRUD
- jEasyUI สร้างอ่าน RSS
jEasyUI ลากและวาง
jEasyUI เมนูและปุ่ม
jEasyUI แบบ
- jEasyUI สร้างรูปแบบเส้นขอบ
- jEasyUI สร้างรูปแบบที่ซับซ้อน
- jEasyUI สร้างแผงพับ
- jEasyUI สร้างแท็บ
- jEasyUI แบบไดนามิกเพิ่มแท็บ
- jEasyUI เพิ่มแท็บเล่นอัตโนมัติ
- jEasyUI สร้างสไตล์ XP บนแผงด้านข้างซ้าย
jEasyUI ตารางข้อมูล
- jEasyUI แปลงเป็น HTML ตารางข้อมูลตาราง
- jEasyUI ได้รับข้อมูลที่เลือกแถว
- jEasyUI เพิ่มสอบถามรายละเอียดเพิ่มเติม
- jEasyUI เพิ่มแถบเครื่องมือ
- jEasyUI สร้างแถบเครื่องมือที่ซับซ้อน
- jEasyUI การตั้งค่าคอลัมน์แช่แข็ง
- jEasyUI คอลัมน์เปลี่ยนแบบไดนามิก
- jEasyUI คอลัมน์รูปแบบ
- jEasyUI ตั้งค่าการจัดเรียง
- jEasyUI การสั่งซื้อที่กำหนดเอง
- jEasyUI สร้างการรวมกันของคอลัมน์
- jEasyUI เพิ่มช่องทำเครื่องหมาย
- jEasyUI เพจที่กำหนดเอง
- jEasyUI เปิดใช้งานการแก้ไขแบบอินไลน์
- jEasyUI บรรณาธิการขยาย
- jEasyUI การดำเนินงานของคอลัมน์
- jEasyUI เซลล์ที่ผสาน
- jEasyUI สร้างมุมมองที่กำหนดเอง
- jEasyUI สร้างสรุปท้าย
- jEasyUI เงื่อนไขที่กำหนดแถวสีพื้นหลัง
- jEasyUI สร้างตารางทรัพย์สิน
- jEasyUI สายการขยายตัวแสดงรายละเอียด
- jEasyUI สร้างเขตการปกครอง
- jEasyUI แสดงข้อมูลขนาดใหญ่
- jEasyUI เพิ่มองค์ประกอบหน้า
jEasyUI หน้าต่าง
- jEasyUI การสร้างหน้าต่างที่เรียบง่าย
- jEasyUI ที่กำหนดเองแถบหน้าต่าง
- jEasyUI หน้าต่างและเค้าโครง
- jEasyUI สร้างโต้ตอบ
- jEasyUI กำหนดเองกล่องโต้ตอบ
jEasyUI เมนูต้นไม้
- jEasyUI ใช้แท็กเพื่อสร้างเมนูต้นไม้
- jEasyUI สร้างเมนูต้นไม้ตรงกัน
- jEasyUI การเพิ่มเมนูโหนด
- jEasyUI สร้างเมนูต้นไม้ที่มีช่องทำเครื่องหมาย
- jEasyUI ลากและวางเมนูควบคุมต้นไม้
- jEasyUI โหลดต้นไม้เมนูโหนดแม่ / ลูก
- jEasyUI การสร้างตารางตามต้นไม้
- jEasyUI สร้างตาข่ายต้นไม้ที่ซับซ้อน
- jEasyUI ตารางต้นไม้โหลดแบบไดนามิก
- jEasyUI เพิ่มตารางต้นไม้แท็บ
- jEasyUI โหลดขี้เกียจต้นไม้ตารางโหนด
jEasyUI ฟอร์ม
- jEasyUI ส่งแบบฟอร์มในการสร้างไม่ตรงกัน
- jEasyUI รูปแบบการตรวจสอบสิทธิ์
- jEasyUI สร้างแบบหล่นลงต้นไม้กล่อง
- jEasyUI รูปแบบกล่องแบบหล่นลง
- jEasyUI กรองตารางข้อมูลแบบเลื่อนลง
jEasyUI คู่มืออ้างอิง
บทช่วยสอน jQuery EasyUI เค้าโครง - แบบไดนามิกเพิ่มแท็บ (แท็บ) ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ดาวน์โหลดตัวอย่าง jQuery EasyUI,
jQuery EasyUI เค้าโครง - แบบไดนามิกเพิ่มแท็บ (แท็บ)
แท็บสามารถเพิ่มได้อย่างง่ายดายโดยใช้ jQuery EasyUI คุณจะต้องเรียกวิธี 'เพิ่ม' สามารถ
ในการกวดวิชานี้เราจะใช้ iframe ไดนามิกเพิ่มแท็บเพื่อแสดงบนหน้าเว็บ เมื่อคุณคลิกปุ่มเพิ่มแท็บใหม่จะถูกเพิ่ม หากแท็บที่มีอยู่แล้วก็จะมีการเปิดใช้งาน
ขั้นตอนที่ 1: สร้างแท็บ
<div style = "margin ล่าง: 10px">
<a href="#" class="easyui-linkbutton" onclick="addTab('google','http://www.google.com')"> google </a>
<a href="#" class="easyui-linkbutton" onclick="addTab('jquery','http://jquery.com/')"> jQuery </a>
<a href="#" class="easyui-linkbutton" onclick="addTab('easyui','http://jeasyui.com/')"> easyui </a>
</ div>
<div id = "TT" class = "easyui แท็บ" style = "width: 400px; ความสูง: 250px;">
<div title = "บ้าน">
</ div>
</ div>
รหัส HTML ง่ายมากที่เราได้สร้างแผงแท็บกับแท็บเรียกว่า "บ้าน" โปรดทราบว่าเราไม่จำเป็นต้องเขียนโค้ด JS ใด ๆ
ขั้นตอนที่ 2: ใช้ฟังก์ชั่น 'addTab'
ฟังก์ชั่น addTab (ชื่อ URL) {
ถ้า ($ ( '# TT'). แท็บ ( 'อยู่' ชื่อเรื่อง)) {
$ ( '# Tt') แท็บ ( 'เลือก' ชื่อ) .;
} else {
เนื้อหา var = '<iframe เลื่อน = "อัตโนมัติ" frameborder = "0" src = "' + URL + '" style = "width: 100%; ความสูง: 100%;"> </ iframe>';
$ ( '# Tt'). แท็บ ( 'เพิ่ม' {
ชื่อเรื่อง: ชื่อ
เนื้อหา: เนื้อหา
closable: จริง
});
}
}
เราใช้ 'อยู่' วิธีการตรวจสอบว่าแท็บอยู่แล้วถ้ามีการเปิดใช้งานแท็บ หากมีการเรียกร้องให้ "เพิ่ม" วิธีการที่จะเพิ่มแผงแท็บใหม่