如何在引導程序中刪除Portlet的工作原理？

我使用引導程序，當我定義一個portlet時，我可以使用名爲的類刪除以刪除portlet，我不知道引導程序是如何執行的。如何在引導程序中刪除Portlet的工作原理？

這裏是我的代碼：

<!-- BEGIN ROW --> 
<div class="row"> 
<div class="col-md-12"> 
    <!-- BEGIN PORTLET--> 
    <div class="portlet light bordered"> 
     <div class="portlet-title"> 
      <div class="tools"> 
       <a class="remove" > </a> 
      </div> 
     </div> 
     <div class="portlet-body"> 

     </div> 
    </div> 
    <!-- END PORTLET--> 
</div> 
</div> 
<!-- END ROW -->

你可以看到在下面的鏈接此功能的一個例子： http://keenthemes.com/preview/metronic/theme/admin_6/portlet_ajax.html

來源

2017-04-10 Maryam Saeidi

問題實際上是什麼？清楚明確。 – roxid

@roxid正如我所說，我不知道這個過程如何工作。單擊「刪除」按鈕時會發生什麼情況，以及哪個功能負責從屏幕中刪除Portlet。 –

這裏是刪除組件的代碼。

$('body').on('click', '.portlet > .portlet-title > .tools > a.remove', function(e) { 
      e.preventDefault(); 
      var portlet = $(this).closest(".portlet"); 

      if ($('body').hasClass('page-portlet-fullscreen')) { 
       $('body').removeClass('page-portlet-fullscreen'); 
      } 

      portlet.find('.portlet-title .fullscreen').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .reload').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .remove').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .config').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip('destroy'); 

      portlet.remove(); 
     });

來源

2017-04-15 07:33:45 roxid

謝謝。你在哪個文件中找到它？ –

如何在引導程序中刪除Portlet的工作原理？

回答

相關問題