近期在做ASP.NET项目中,须要实现一个tab页控件。
发现asp.net控件中没找到现成的。
一般的实现都须要js和div配合。于是就用到了easyui里面的。
使用也非常easy。将easyui须要的js和样式文件都载入后。直接用div就可以实现。
效果例如以下
代码也非常easy。每一个tab是一个div。
引用easyui的样式就可以。
页面代码例如以下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>tabsPage</title> <link href="Scripts/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" /> <link href="Scripts/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="Scripts/EasyUI/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="Scripts/EasyUI/jquery.easyui.min.js" type="text/javascript"></script> <script src="Scripts/EasyUI/easyui-lang-zh_CN.js" type="text/javascript"></script> <script src="Scripts/Common.js" type="text/javascript"></script> </head> <body> <div id="tabTop" class="easyui-tabs"> <div title="星期一"> </div> <div title="星期二"> </div> <div title="星期三"> </div> <div title="星期四"> </div> <div title="星期五"> </div> <div title="星期六"> </div> <div title="星期日"> </div> </div> </body> </html>引用文件如上一篇描写叙述:http://blog.csdn.net/yysyangyangyangshan/article/details/38306591
代码下载:http://download.csdn.net/detail/yysyangyangyangshan/7696843