使用JQUERY Tabs插件宿主IFRAMES

核心提示： 这些代码标记非常的繁琐，我用了很多内部的注释来解释他们，使用JQUERY Tabs插件宿主IFRAMES(8)，请注意出现在标头区的左上角的箭头按钮，其实就是来自我选择的JQuery的主题中的图像文件，改变向上箭头图标为向下箭头图标，此外，使用ui-icon 和ui-icon-circle-tr

这些代码标记非常的繁琐，我用了很多内部的注释来解释他们。请注意出现在标头区的左上角的箭头按钮，其实就是来自我选择的JQuery的主题中的图像文件，使用ui-icon 和ui-icon-circle-triangle-n causes 设置collapseArrow span　，造成JQuery 显示一个名字为ui-icon-circle-triangle-n的ico的图像。在文档头部的脚本区中，我创建一个函数，当我们单击它的时候，改变向上箭头图标为向下箭头图标，此外，同样的单击事件处理程序将显示或隐藏标头部域的div（menuDiv）。

Home Site 页面的隐藏代码如下：

using　System;
using　System.Data;
using　System.Configuration;
using　System.Collections;
using　System.Web;
using　System.Web.Security;
using　System.Web.UI;
using　System.Web.UI.WebControls;
using　System.Web.UI.WebControls.WebParts;
using　System.Web.UI.HtmlControls;
namespace　HomeSite
{
　　　　///　<summary>
　　　　///　Home　Site　(default)　web　page　code　behind　class
　　　　///　</summary>
　　　　public　partial　class　_Default　:　System.Web.UI.Page
　　　　{
　　　　　　　　///　<summary>
　　　　　　　　///　On　page　load　we　need　to　create　the　tab
　　　　　　　　///　list　items　for　tab　interface　construction
　　　　　　　　///　</summary>
　　　　　　　　///　<param　name="sender"></param>
　　　　　　　　///　<param　name="e"></param>
　　　　　　　　protected　void　Page_Load(object　sender,　EventArgs　e)
　　　　　　　　{
　　　　　　　　　　　　if　(!IsPostBack)
　　　　　　　　　　　　　　　　AddTabsToForm();
　　　　　　　　}
　　　　　　　　///　<summary>
　　　　　　　　///　This　method　calls　to　our　business　logic
　　　　　　　　///　class　to　read　the　tab　configuration　file,
　　　　　　　　///　which　will　return　an　ArrayList　of　TabDefinition
　　　　　　　　///　classes.　This　method　iterates
　　　　　　　　///　through　the　ArrayList　building　HTML　controls　to　add　to　the　tab　panel.
　　　　　　　　///　</summary>
　　　　　　　　protected　void　AddTabsToForm()
　　　　　　　　{
　　　　　　　　　　　　foreach　(TabDefinition　tab　in　TabConfiguration.LoadConfiguration(this.Page))
　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　HtmlGenericControl　tabListItem　=　new　HtmlGenericControl();
　　　　　　　　　　　　　　　　tabListItem.TagName　=　"li";
　　　　　　　　　　　　　　　　tabListItem.InnerHtml　=　"<a　title=\""　+　
　　　　　　　　　　　　　　　　　　tab.DisplayName　+　"\"　href=\"ContentLoader.aspx?ID="　+　
　　　　　　　　　　　　　　　　　　tab.ID　+　"&Path="　+　tab.Path　+　
　　　　　　　　　　　　　　　　　　"\">"　+　tab.DisplayName　+　"</a>";
　　　　　　　　　　　　　　　　panelList.Controls.Add(tabListItem);
　　　　　　　　　　　　}
　　　　　　　　}
　　　　}
}