Cara membuat komponen label menggunakan jquery easyui_jquery

URL muat turun jQuery EasyUI v1.4.4: http://www.jb51.net/codes/70218.html

Tutorial ini akan menunjukkan cara membuat komponen label menggunakan easyui. Teg boleh ditambah atau dialih keluar secara dinamik merentas berbilang panel dan anda boleh menggunakan teg untuk memaparkan entiti yang berbeza pada halaman yang sama.

Label hanya boleh memaparkan satu panel pada satu masa, dan setiap panel mempunyai tajuk, carta dan butang tutup. Apabila label dipilih, kandungan panel yang sepadan akan dipaparkan.

Buat teg menggunakan penanda HTML, yang termasuk bekas DIV dan beberapa panel DIV.

< div class="easyui-tabs" style="width:400px;height:100px;">
< div title="First Tab" style="padding:10px;">
First Tab
< /div>
< div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
< /div>
< div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">
Third Tab
< /div>
< /div>

Kami mencipta komponen label dengan tiga panel, panel kedua dan ketiga boleh ditutup dengan mengklik butang tutup.