EasyMvc入门教程-基本控件说明（13）选项卡导航

选项卡Tab导航主要用于企业页面显示不同子类或者子页面的信息内容。

先来一个基本的使用例子：代码如下：

@{
    var data = new List<TabItem>()
    {
        new TabItem() {Title = "我是Tab 1", Text = "我是Tab 1的内容"},
        new TabItem() {Title = "控件说明", Text = "控件的Text一般可以简单嵌入html"}
    };
}
@Html.Q().Tab().SourceItems(data)

　　效果截图如下：

我们同样为Tab导航准备了几种风格，看下面的例子：

实现的代码如下：

@{
    var data = new List<TabItem>()
    {
        new TabItem() {Title = "我是Tab 1", Text = "我是Tab 1的内容"},
        new TabItem() {Title = "控件说明", Text = "控件的Text一般可以简单嵌入html"}
    };
}
@Html.Q().Tab().SourceItems(data)
@Html.Q().Tab().SourceItems(data).AsSimpleTab()
@Html.Q().Tab().SourceItems(data).AsCardTab()

　　本着简单的原则，基本上使用选项卡导航不需要太多的前端知识了。：）

---

 

总结：选项卡导航的使用就简单介绍到这里，基本控件的使用至此就告一段落，后续将会是高级控件。

当然了，高级控件更多的是强调数据的交互性，难度嘛，相信我：EasyMvc还是会一如既往的保持简单。。。不够简单就改。。。

 

更多使用示例请浏览在线示例：http://core.zwc.cn