如何在引导程序中删除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

问题实际上是什么？清楚明确。 – 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(); 
     });

谢谢。你在哪个文件中找到它？ –

如何在引导程序中删除Portlet的工作原理？

相关推荐