EasyMvc入门教程-基本控件说明(4)折叠面板

折叠面板一般出现在管理后台,大家用的OutLook里就是用了折叠面板,样子大概是这样的:

把其中的内容替换成图标按钮,是不是就是我们常见的样子了?:)那么如何实现呢?请看例子:

@{
    var data = new List<CollapsibleItem>()
    {
        new CollapsibleItem() {Title = "标题一", Text = "内容一"},
        new CollapsibleItem() {Title = "标题二", Text = "内容二"},
        new CollapsibleItem() {Title = "标题三", Text = "内容三"}
    };
}
@Html.Q().Colla().SourceItems(data)

  代码似乎和时间线的那个实现很相似。。。发现什么了吗?意味着某个场合下,时间线控件和折叠面板的转换会很容易实现。。:)


 

总结:折叠面板的使用就简单介绍到这里,我相信你一定会觉得So easy,希望你能一直保持这种简单自信的心态 :)

 

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

posted @ 2018-01-17 14:08  China Soft  阅读(168)  评论(0编辑  收藏  举报