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

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

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

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

@{
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

上一篇:ie7下的javascript兼容


下一篇:2013 duilib入门简明教程 -- 复杂控件介绍 (13)