Coolite Toolkit学习笔记六:常用控件Accordion、ToolBar、ToolTip
Accordion的功能非常适用,使用很简单,轻轻松松的就可以构建一个可折叠的界面展示应用效果。相信大多数做ASP.NET开发的朋友都使用过ASP.NET AJAX Control Toolkit,它里面也提供有Accordion控件,详细可以查看其在线示例。Colite Toolkit所提供的Accordion控件的使用和ASP.NET AJAX Control Toolkit里提供的Accordion差别不大,不同的是Coolite Toolkit的控件必须放置在一个容器控件里(比如:Panel)。
<Body>
<ext:Accordion ID="Accordion1" runat="server" Animate="true">
<ext:Panel ID="basePanel" runat="server" Border="false" Title="基础设置">
<Body>
</Body>
</ext:Panel>
<ext:Panel ID="accountPanel" runat="server" Border="false" Collapsed="true" Title="帐套管理">
<Body>
<div style="margin-left:50px;">
<ul style="float:left;">
<li>新增帐套</li>
<li>维护帐套</li>
<li>帐套备份</li>
<li>帐套恢复</li>
</ul>
</div>
</Body>
</ext:Panel>
<ext:Panel ID="userPanel" runat="server" Border="false" Collapsed="true" Title="用户管理">
<Body>
</Body>
</ext:Panel>
</ext:Accordion>
</Body>
</ext:Panel>
得到的效果如下,这个界面相比ASP.NET AJAX Control Toolkit的Accordion要好看得多。
全部自己去定义里面的菜单项好象很麻烦,这里可以利用上一篇文章中介绍的MenuPanel来实现,个人感觉效果更好,更方便快速。
<ext:Accordion ID="Accordion1" runat="server" Animate="true">
<ext:MenuPanel ID="MenuPanel1" runat="server" Title="帐套管理">
<Menu ID="Menu2" runat="server">
<Items>
<ext:MenuItem Text="新增帐套" Href="#" Icon=Add/>
<ext:MenuItem Text="维护帐套" Href="#" Icon="Cmy" />
<ext:MenuItem Text="帐套备份" Href="#" Icon=DatabaseSave/>
<ext:MenuItem Text="帐套恢复" Href="#" Icon="DatabaseGo"/>
</Items>
</Menu>
</ext:MenuPanel>
<ext:Panel ID="accountPanel" runat="server" Border="false" Collapsed="true" Title="帐套管理">
<Body>
<div style="margin-left:50px;">
<ul style="float:left;">
<li>新增帐套</li>
<li>维护帐套</li>
<li>帐套备份</li>
<li>帐套恢复</li>
</ul>
</div>
</Body>
</ext:Panel>
<ext:Panel ID="userPanel" runat="server" Border="false" Collapsed="true" Title="用户管理">
<Body>
</Body>
</ext:Panel>
</ext:Accordion>
关于怎么获取所点项的相关参数请查看本系列笔记第四篇。
二、ToolBar和ToolTip控件
工具栏到处可见,在我们的项目开发中同样也需要工具栏(ToolBar)以及动态提示(ToolTip),以方便用户操作。
<Items>
<ext:ToolbarButton ID="btnAdd" Text="新 增" Icon="UserAdd">
<ToolTips>
<ext:ToolTip ID="ToolTip1" Html="新增用户" runat="server" />
</ToolTips>
</ext:ToolbarButton>
<ext:ToolbarButton ID="btnEdit" Text="编 辑" Icon="UserEdit" Enabled="false"/>
<ext:ToolbarButton ID="btnDelete" Text="删 除" Icon="UserDelete" Enabled="false"/>
<ext:ToolbarSeparator runat="server"/>
<ext:ToolbarButton ID="btnRefresh" Text="刷 新" Icon="Reload" Enabled="false"/>
<ext:ToolbarSeparator runat="server"/>
<ext:ToolbarButton ID="tbSave" Text="保 存" Icon="Accept"/>
<ext:ToolbarButton ID="tbCancel" Text="取 消" Icon="Cancel"/>
</Items>
</ext:Toolbar>
Coolite Toolkit的ToolBar控件功能非常强大,除了实现上面这种最基本的工具栏外,还可以设计出功能更加强大的。准确的说Coolite Toolkit为很多控件都提供了许多的功能扩展功能,这类控件主要是Tree、Menu 等等之类的控件。
<ext:Toolbar ID="Toolbar2" runat="server" Width="300">
<Items>
<ext:ToolbarButton runat="server" Text="下拉菜单" Icon="ArrowDown">
<Menu>
<ext:Menu ID="Menu1" runat="server">
<Items>
<ext:MenuItem ID="MenuItem1" runat="server" Text="博客园">
<Menu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem Text="博客园" Href="http://www.cnblogs.com"/>
<ext:MenuItem Text="Beniao" Href="http://beniao.cnblogs.com"/>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
<ext:MenuSeparator runat="server"/>
<ext:MenuItem ID="MenuItem2" runat="server" Text="选择日期" Icon="Calendar">
<Menu>
<ext:DateMenu ID="DateMenu1" runat="server">
<Picker ID="Picker1" runat="server">
<Listeners>
</Listeners>
</Picker>
</ext:DateMenu>
</Menu>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:ToolbarButton>
<ext:ToolbarButton Text="其他" runat="server" Icon="ApplicationHome" />
</Items>
</ext:Toolbar>
转载于:https://blog.51cto.com/beniao/240072
Coolite Toolkit学习笔记六:常用控件Accordion、ToolBar、ToolTip相关推荐
- Qt学习笔记之常用控件QlistWidget
一.QListWidget Class The QListWidget class provides an item-based list widget. More... Header: #inclu ...
- 【MFC】学习笔记:常用控件之组合框(Combo Box)
01.目录 目录 01.目录 02.控件介绍 03.控件的消息通知函数 04.创建组合框控件及成员函数介绍 4.1 组合框的创建 4.2 CComboBox类的主要成员函数 05.应用实例 06.总结 ...
- Qt学习笔记之常用控件QTreeWidget
一.QTreeWidget Class The QTreeWidget class provides a tree view that uses a predefined tree model. Mo ...
- Coolite Toolkit学习笔记系列文章
Coolite Toolkit 是一个支持ASP.NET AJAX的Web控件.它是基于跨浏览器的ExtJS 库开发而来的,并且简化了开发步骤,并且包含有丰富的Ajax运用,同ExtJS 一样都是开源 ...
- Coolite Toolkit学习笔记九:表单布局控件FormLayout与FromPanel
FormLayout在我们平时开发中使用频率非常高,使用它可快速.方便的实现表单界面布局,以及使用一些其他控件自身的特性组合起来实现丰富强大的UI界面.下面通过一个简单示例来体验FormLayout的 ...
- Coolite Toolkit学习笔记三:基本控件之Button、TextField、DataField、ComboBox
Button.TextField.DataField.ComBox这些控件好象也没什么好学的,任何一个学过ASP.NET的朋友都应该会使用这些控件,Coolite Toolkit里的这些控件相比标准的 ...
- Coolite Toolkit学习笔记八:常用控件TabPanel
TabPanel控件使用非常简单,但是功能却非常强大,它同MenuPanel.TreePanel一样提供了很多的集合属性,可以定制出丰富的应用.其中用得最多的就是他的Tabs属性,用于定义子标签选项, ...
- Coolite Toolkit学习笔记五:常用控件Menu和MenuPanel
Coolite Toolkit里的Menu控件和其他的.NET Web控件不一样,如果只是设计好了Menu或是通过程序初始化菜单项,菜单是不会呈现在界面上的,因为Coolite Toolkit规定Me ...
- Coolite Toolkit学习笔记一:AjaxEvent、AjaxMethod和Listeners
一:AjaxEvent Coolite Toolkit所提供的AjaxEvent可以应用在很多的控件中,实现异步提交等相关功能.比如使用在Coolite Toolkit的Button控件中, ...
最新文章
- log4php的使用
- 开源虎墩同名电影《小虎墩大英雄》定档大年初一
- ASP.NET 3.5核心编程学习笔记(55):自定义扩展程序控件的创建
- C++类的定义和创建
- 自定义Dialog宽度占满屏幕
- hive on tez集成完整采坑指南(含tez-ui及安全环境)
- php+不要科学记数,php怎么设置不用科学计数法?
- matlab求内切圆,MATLAB求图形的最大内切圆代码
- 我的完整版mbti职业性格测试
- 攻防世界reverse进阶easyre-153 writeup(#gdb调试父子进程、#ida版本差异)
- 怎样把WORD表格转换成EXCEL
- pythonturtle写人名_python turtle写名字
- word段落居中的快捷键_Word段落设置中的小技巧和快捷键推荐
- flutter在导航栏处实现对两个列表的点击事件
- 如何实现产销平衡_实现SOP平衡的流程和策略
- 微星MAG B650M mortar wifi主板设置温度墙
- PCIe——LTSSM
- gappproxy教育网代理
- 机器学习案例(十一):水质分析与预测
- 【敏捷7.1】风险管理
热门文章
- WebStorm下ReactNative代码提示设置
- 小程序在canvas上层做图片滚动
- JS计算两个时间相差多久,相差年,月,日,小时,分钟
- 【Android】FragmentTabHost实现底部Tab菜单选项
- 电子书格式怎么在线转换为PDF格式
- 【H.264/AVC视频编解码技术详解】十九:熵编码算法(5)——H.264的CABAC(上):语法元素的二值化方法...
- Oracle执行计划突变诊断之统计信息收集问题
- vCenter的安装
- 一、JAVA通过JDBC连接mysql数据库(连接)
- 感恩心成就了车建新和红星美凯龙