easy ui 如何单个引用其中某个插件？

最新推荐文章于 2020-04-10 21:41:39 发布

转载最新推荐文章于 2020-04-10 21:41:39 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yangda/p/3165174.html

文章标签：

#ui #javascript #前端 #ViewUI

本文介绍了一种使用easyloader.js加载EasyUI中Tabs插件的方法，并提供了具体代码实例。通过这种方式，可以按需加载所需的插件，提高前端页面加载速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　记录一下这个方法，前端时间一直在纠结这个问题，后来听一些前辈讲解后才恍然大悟，要单独引用某个插件，我们需要重视的是：easyloaer.js ，easy ui的下载包中也有easyloader的demo，可以很方便的使用。

今天我们就拿tabs选项卡这个插件为例来演示。

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6     <link href="themes/icon.css" rel="stylesheet" />
 7 </head>
 8 <body>
 9     <div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools'">
10     </div>
11     <div id="tab-tools">
12         <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'"></a>
13         <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'"></a>
14     </div>
15 </body>
16 </html>
17 <script src="jquery.min.js"></script>
18 <script src="easyloader.js"></script>
19 <script type="text/javascript">
20     using(function () {
21         $("#tt").tabs();
22     })
23 </script>