折叠面板一般出现在管理后台,大家用的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