Kod contoh menerangkan jquery easyui tab dinamik page_jquery

Tab boleh ditambah dengan mudah menggunakan jQuery EasyUI. Anda hanya perlu memanggil kaedah 'tambah'.

function addTab(title, href,icon){ 
  var tt = $('#tabs'); 
  if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab     
    tt.tabs('select', title); 
    refreshTab({tabTitle:title,url:href}); 
  } else { 
    if (href){ 
      var content = '<iframe scrolling="no" frameborder="0" src="'+href+'" style="width:100%;height:100%;"></iframe>'; 
    } else { 
      var content = '未实现'; 
    } 
    tt.tabs('add',{ 
      title:title, 
      closable:true, 
      content:content, 
      iconCls:icon||'icon-default' 
    }); 
  } 
} 
/**   
 * 刷新tab 
 * @cfg 
 *example: {tabTitle:'tabTitle',url:'refreshUrl'} 
 *如果tabTitle为空，则默认刷新当前选中的tab 
 *如果url为空，则默认以原来的url进行reload 
 */ 
function refreshTab(cfg){ 
  var refresh_tab = cfg.tabTitle&#63;$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').tabs('getSelected'); 
  if(refresh_tab && refresh_tab.find('iframe').length > 0){ 
  var _refresh_ifram = refresh_tab.find('iframe')[0]; 
  var refresh_url = cfg.url&#63;cfg.url:_refresh_ifram.src; 
  //_refresh_ifram.src = refresh_url; 
  _refresh_ifram.contentWindow.location.href=refresh_url; 
  } 

Kod di atas adalah ringkas dan mudah difahami Kod ini hanyalah komen Jika anda mempunyai sebarang pertanyaan, sila tinggalkan saya mesej.

ps: Pemalam tab jQuery Easyui mempunyai dua cara untuk memuatkan kandungan pada tab (tab): "permintaan jauh href" dan "kandungan tempatan kandungan".

Ciri kedua-duanya:

Ciri-ciri memuatkan data dalam mod href:

Hanya kandungan di dalam elemen badan halaman yang dimuatkan akan dimuatkan, iaitu, permintaan ajax jQuery hanyalah serpihan html.
Terdapat kesan penyamaran apabila memuatkan URL jauh, iaitu, kesan "Menunggu...", yang memberikan pengalaman pengguna yang lebih baik.
Apabila susun atur halaman yang dimuatkan lebih kompleks, atau terdapat banyak skrip js yang perlu dijalankan, pengekodan selalunya perlu berhati-hati, dan masalah cenderung berlaku, yang akan dibincangkan secara terperinci kemudian.

Ciri data pemuatan kandungan:

Ia lebih fleksibel Anda boleh mengeja kod html dalam skrip dan kemudian menetapkannya kepada atribut kandungan tab Walau bagaimanapun, cara penulisan ini akan menjadikan kod itu kurang boleh dibaca.
Anda boleh menetapkan iframe kepada kandungan, dan tiada apa yang tidak boleh dicapai dengan membenamkan iframe.
Menggunakan iframe akan menyebabkan klien js dimuatkan berulang kali, yang membazir sumber Contohnya, jika halaman utama anda perlu merujuk perpustakaan easyui, iframe anda juga perlu merujuknya dan pembaziran akan berlaku.