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

　　记录一下这个方法，前端时间一直在纠结这个问题，后来听一些前辈讲解后才恍然大悟，要单独引用某个插件，我们需要重视的是：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>
View Code

引用的文件有：

1、icon.css (因为代码中用到了icon图标)

2、easyloader.js (加载js和css文件的js)

最终加载的所需的文件就如下所示： 

我们可以照着上图，按照顺序，单个的加载js和css文件，这样就可以达到我们的效果了。

 

 

 

 

posted @ 2013-07-01 17:06  虔城墨客  阅读(1474)  评论(1)  编辑  收藏  举报