基于ASP.NET MVC的JQueryUI控件开发(2) - Tab控件设计
来源:互联网 发布:美国留学论坛 知乎 编辑:程序博客网 时间:2024/06/08 07:58
先上效果图:
001.png (大小:18.9 K 下载次数:0)
视图代码:
002.png (大小:6.2 K 下载次数:0)
使用方法:
------------------------------------------------------------------
Html.Tabs(ID){
Html.Header(){
Html.Header(ID,Title);
Html.Header(ID,Title);
}
HTML.Tab(ID);
HTML.Tab(ID);
}
即可实现JqueryUI Tabs功能。
代码说明:
------------------------------------------------------------------
Html.Tabs(ID):代码
------------------------------------------------------------------
public static Tabs Tabs(this HtmlHelper hh, string id, string config)
{
return new Tabs(hh, id, config);
}
------------------------------------------------------------------
Tabs类代码:
------------------------------------------------------------------
public class Tabs:IDisposable
{
HtmlHelper hh;
string id;
string config;
public Tabs(HtmlHelper hh, string id,string config)
{
this.hh = hh;
this.id = id;
this.config = config;
hh.ViewContext.Writer.WriteLine("<div id=/"" + id + "/">");
}
public Tabs(HtmlHelper hh, string id):this(hh,id,"")
{
}
#region IDisposable 成员
public void Dispose()
{
hh.ViewContext.Writer.WriteLine("</div>");
if (string.IsNullOrEmpty(config))
config = "{}";
else
config = "{" + config + "}";
hh.ViewContext.Writer.WriteLine("<script>$(function(){$('#"+id+"').tabs("+config+");})</script>");
}
#endregion
}
------------------------------------------------------------------
Html.Header()代码:
------------------------------------------------------------------
public static TabHeader TabHeader(this HtmlHelper hh)
{
return new TabHeader(hh);
}
------------------------------------------------------------------
TabHeader类代码:
------------------------------------------------------------------
public class TabHeader : IDisposable
{
HtmlHelper hh;
public TabHeader(HtmlHelper hh)
{
this.hh = hh;
hh.ViewContext.Writer.WriteLine("<ul>");
}
#region IDisposable 成员
public void Dispose()
{
hh.ViewContext.Writer.WriteLine("</ul>");
}
#endregion
}
------------------------------------------------------------------
Html.Header(ID,Title);代码
------------------------------------------------------------------
public static string TabHeader(this HtmlHelper hh, string id, string title)
{
return "<li style='margin-bottom:1px'><a href=/"#" + id + "/">" + title + "</a></li>";
}
------------------------------------------------------------------
HTML.Tab(ID);代码:
------------------------------------------------------------------
public static Tab Tab(this HtmlHelper hh, string id)
{
return new Tab(hh, id);
}
------------------------------------------------------------------
Tab类代码:
------------------------------------------------------------------
public class Tab : IDisposable
{
HtmlHelper hh;
public Tab(HtmlHelper hh, string id)
{
this.hh = hh;
hh.ViewContext.Writer.WriteLine("<div id=/""+id+"/">");
}
#region IDisposable 成员
public void Dispose()
{
hh.ViewContext.Writer.WriteLine("</div>");
}
#endregion
}
------------------------------------------------------------------
希望对大家有帮助.
- 基于ASP.NET MVC的JQueryUI控件开发(2) - Tab控件设计
- 基于ASP.NET MVC的JQueryUI控件开发(3) - Accordion控件设计
- 基于ASP.NET MVC的JQueryUI控件开发(1)
- 基于ASP.NET的JQueryUI控件开发(2) - JQSlider
- 基于ASP.NET MVC的JQueryUI控件开发(4) - DLL封装
- 基于ASP.NET的JQueryUI控件开发(1) - JQueryScriptManager
- 基于ASP.NET的JQueryUI控件开发(3) - JQDialog
- 基于ASP.NET的JQueryUI控件开发(4) - JQTab和JQAccordion
- asp.net 3.5 中MVC Gridview控件的开发
- ASP.NET服务器控件的开发(2)
- ASP.NET MVC 分页控件
- Asp.net MVC 分页控件
- Asp.net MVC 常用控件
- ASP.NET MVC控件解析
- asp.net控件开发
- ASP.NET控件开发
- ASP.NET设计GridView控件的使用方法
- 使用jqueryui的日期控件
- wxWidgets中的中文解决方法
- 111
- 【转】你有这么一个人么
- C3控件简写
- 初学PHP
- 基于ASP.NET MVC的JQueryUI控件开发(2) - Tab控件设计
- 依赖注入那些事儿 --看到的一篇不错的文章
- J2ME的组织
- sqlplus课堂笔记
- SQL 课堂作业答案
- SQL 课后习题数据
- 课堂笔记2(乱)
- 我要积分啊!!!!1
- 单片机的c语言