EasyMvc入门教程-基本控件说明(4)折叠面板
2018-01-17 14:08
309 查看
折叠面板一般出现在管理后台,大家用的OutLook里就是用了折叠面板,样子大概是这样的:
把其中的内容替换成图标按钮,是不是就是我们常见的样子了?:)那么如何实现呢?请看例子:
代码似乎和时间线的那个实现很相似。。。发现什么了吗?意味着某个场合下,时间线控件和折叠面板的转换会很容易实现。。:)
总结:折叠面板的使用就简单介绍到这里,我相信你一定会觉得So easy,希望你能一直保持这种简单自信的心态 :)
更多使用示例请浏览在线示例:http://core.zwc.cn
把其中的内容替换成图标按钮,是不是就是我们常见的样子了?:)那么如何实现呢?请看例子:
@{ 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
相关文章推荐
- EasyMvc入门教程-基本控件说明(3)时间线
- EasyMvc入门教程-基本控件说明(6)进度条
- EasyMvc入门教程-基本控件说明(8)提醒导航
- EasyMvc入门教程-基本控件说明(1)按钮
- EasyMvc入门教程-基本控件说明(13)选项卡导航
- EasyMvc入门教程-基本控件说明(10)图片轮播导航
- EasyMvc入门教程-基本控件说明(11)菜单导航
- EasyMvc入门教程-基本控件说明(7)文字块导航
- EasyMvc入门教程-基本控件说明(9)引言导航
- EasyMvc入门教程-基本控件说明(2)定时器
- EasyMvc入门教程-基本控件说明(12)栏目导航
- EasyMvc入门教程-基本控件说明(5)小图标
- EasyMvc入门教程-高级控件说明(17)对话框控件
- EasyMvc入门教程-高级控件说明(18)弹出框控件
- EasyMvc入门教程-高级控件说明(14)列布局控件
- EasyMvc入门教程-高级控件说明(15)方位布局控件
- EasyMvc入门教程-高级控件说明(19)表单控件
- EasyMvc入门教程-图形控件说明(21)线形图+柱状图+饼形图
- EasyMvc入门教程-高级控件说明(20)表格控件
- EasyMvc入门教程-高级控件说明(16)信息框控件