- 浏览: 245970 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (179)
- Spring3.0 (28)
- HIbernate3.5.6 (35)
- Struts2.1.8 (42)
- JSP (1)
- Servlet (0)
- JAVASE (16)
- JavaWeb (1)
- javaEE (0)
- SSH2整合 (0)
- EJB (0)
- Oracle (7)
- Ajax (7)
- Quartz作业调度框架 (6)
- jsValidationFramework (1)
- FCKeditor (1)
- ExtJS (29)
- JSF (0)
- JPA (0)
- JBoss Seam (0)
- JSON (0)
- Webservice (0)
- JQuery (1)
- Javascript (1)
- Css+DIV (0)
- Lunch (0)
- Linux (0)
- PHP (0)
- XML (1)
- Ibatis (0)
- DWR (0)
- DWZ (0)
最新评论
-
Nabulio:
good
Spring配置SessionFactory -
唤流年:
[color=red][/color] ...
Spring配置SessionFactory -
wangcl011:
Oracle通过数据泵网络导入另一个数据库,不生成DMP文件, ...
oracle命令导入dmp文件 -
rochou:
第一个Hibernate实现CRUD -
ningwuyu:
Entity 类是那个jar里面的
PropertyUtils MethodUtils用法
1.创建一个带图标按钮的工具栏:
<!-- 工具栏常用元素介绍:Ext.Toobar 1.Ext.Toolbar.Button——>按钮组件 2.Ext.Toolbar.Fill——>用于充满工具条的空白元素 3.Ext.Toolbar.Item——>基类,为其子类提供工具栏的基本功能支持 4.Ext.Toolbar.Separator——>分隔符 5.Ext.Toolbar.SplitButton——>菜单按钮 6.Ext.Toolbar.TextItem——>文本元素 --> <!-- 工具栏常用方法介绍: 1.addButton()——>添加按钮 2.addElement()——>添加Element元素 3.addField()——>添加表单组件 4.addFill()——>添加一个用于充满工具栏的空白元素 5.addSeparator()——>添加一个工具栏分隔符 6.addText()——>添加一个字符串 7.add()——>向工具栏添加元素支持一次性添加多个 --> <HTML> <HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/> <script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="./../ext/ext-all.js"></script> <style type="text/css"> .newIcon{background-image:url(add.gif) !important;} .openIcon{background-image:url(add16.gif) !important;} .saveIcon{background-image:url(add24.gif) !important;} </style> <script type="text/javascript"> Ext.onReady(function(){ var Toolbar = new Ext.Toolbar(); Toolbar.addButton([{ text: '新建', handler: onButtonClick, iconCls: 'newIcon' },{ text: '打开', handler: onButtonClick, iconCls: 'openIcon' },{ text: '保存', handler: onButtonClick, iconCls: 'saveIcon' }]); function onButtonClick(btn){ alert(btn.text); } new Ext.Panel({ renderTo:'toolbar', width:500, height:300, tbar:Toolbar }); }); </script> </HEAD> <body id="toolbar"> </body> </HTML>
2.介绍工具栏的元素添加方法
<script type="text/javascript"> Ext.onReady(function(){ var tb = new Ext.Toolbar(); tb.addButton([{text: 'new'},{text: 'save'},{text: 'open'}]); tb.addSeparator(); tb.addField(new Ext.form.TextField({width: 50})); tb.addFill(); tb.addElement(Ext.get('a')); tb.addSeparator(); tb.addElement(Ext.get('link')); tb.addSeparator(); tb.addText("静态文本"); new Ext.Panel({ renderTo:'toolbar', width:500, height:300, tbar:tb }); }); </script> </HEAD> <body> <div id="toolbar"></div> <div id="a">pig</div> <a href="#" id="link">link</a> </body>
3.一次性添加多个元素到工具栏上的方法
add(Mixed arg1,Mixed arg2,Mixed etc.)
.Ext.Toolbar.Button:一个工具栏支持的按钮
.HtmlElement:任何标准的Html元素
.Field:表单字段
.String:字符串
.'->':一个充满工具条的空白元素
.'Separator' or '-':工具栏分隔符
<HTML> <HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/> <script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="./../ext/ext-all.js"></script> <style type="text/css"> .newIcon{background-image:url(add.gif) !important;} .openIcon{background-image:url(add16.gif) !important;} .saveIcon{background-image:url(add24.gif) !important;} </style> <script type="text/javascript"> Ext.onReady(function(){ var Toolbar = new Ext.Toolbar({width: 400}); Toolbar.add({ text: '新建', iconCls: 'newIcon' },{ text: '打开', iconCls: 'openIcon' },{ text: '编辑' },{ text: '保存', iconCls: 'saveIcon' },'-', new Ext.form.TextField({ width: 50 }),'->', document.getElementById('a'),'-','静态文本'); function onButtonClick(btn){ alert(btn.text); } new Ext.Panel({ renderTo:'toolbar', width:500, height:300, tbar:Toolbar }); }); </script> </HEAD> <body id="toolbar"> <div id='a'>我是猪</div> </body> </HTML>
发表评论
-
下拉框之——动态获取数据
2011-05-04 15:49 1697adduser.securityDegree1=null; ... -
表单提交方式一
2011-05-04 00:00 831,buttons:[{ text : '登录' ... -
来自官方的开始时间和结束时间及密码和重复密码验证
2011-04-23 18:40 1030/*! * Ext JS Library 3.3.1 ... -
分组表格和表格响应表单实例
2011-04-23 18:22 1026<!DOCTYPE HTML PUBLIC " ... -
Ext验证汇总
2011-04-22 09:33 17621.验证输入框长度:一个汉字等于两个字符问题 validat ... -
按钮触发事件的三种表示方法
2011-04-04 22:17 1357<script type="text/java ... -
FormPanel示例
2011-04-04 18:22 883<!DOCTYPE html PUBLIC " ... -
ExtJs错误信息提示的四种方式
2011-04-04 17:43 2241<!DOCTYPE html PUBLIC " ... -
在表格中出现鼠标一放到某列上就显示提示信息
2011-03-31 11:10 2777首先介绍一下renderer: renderer:funct ... -
简单表格之SimpleStore
2011-03-26 17:41 930表格一般由:ColumnModel和Store两部分组成。 ... -
Menu简单实例1
2011-03-25 01:07 1043Ext.onReady(function(){ ... -
TabPanel的使用介绍
2011-03-24 18:23 998<HTML> <HEAD> &l ... -
布局之anchor布局
2011-03-24 17:57 1402<HTML> <HEAD> &l ... -
布局之accordion布局
2011-03-24 17:56 906<HTML> <HEAD> &l ... -
布局之fit布局
2011-03-24 17:54 799<HTML> <HEAD> &l ... -
布局之border
2011-03-24 17:35 762<HTML> <HEAD> &l ... -
布局一之column布局
2011-03-24 17:16 986<HTML> <HEAD> &l ... -
Window介绍
2011-03-24 16:12 872window表示应用程序的窗口,其实就是一个浮动的层,直接调用 ... -
Viewport介绍
2011-03-24 15:52 1112Viewport代表整个游览器窗口,直接渲染到document ... -
面板panel介绍
2011-03-24 15:35 1006面板由5部分组成一个顶部工具栏(tbar)、一个底部工具栏(b ...
相关推荐
TBCreatorVC++工具栏创建工具,可以很方便的创建工具栏,快速创建
基于MFC+XML实现的动态菜单及工具栏创建的程序代码。
iphone开发入门经典中的例子 在一个view toolbar中切换几个view,入门必备
这个是本人经验的总结,很实用,对于如何创建自己的工具栏等等
动态创建工具栏
工具栏 vc工具栏工具栏 vc工具栏工具栏 vc工具栏工具栏 vc工具栏工具栏 vc工具栏工具栏 vc工具栏
动态创建工具栏实例,并在创建的工具栏上显示Icon图标
visual c++实现工具栏的下拉箭头按钮
对话框动态创建工具栏
为 MATLAB GUI 工具栏创建图标图像。 该程序还描述和演示了如何在 MATLAB GUI 图形中构建工具栏。
在Outlook 2007中创建GTD工具栏的详细教程
一个MFC中创建新的工具栏的方法 很好狠值得借鉴
http://blog.csdn.net/greless/article/details/72783169
Visual C++源代码 5 如何在工具栏添加下拉菜单Visual C++源代码 5 如何在工具栏添加下拉菜单Visual C++源代码 5 如何在工具栏添加下拉菜单Visual C++源代码 5 如何在工具栏添加下拉菜单Visual C++源代码 5 如何在...
此资源使用Qt、C++实现界面上方工具功能,可根据配置文件动态创建按钮、文本框、以及工具分区等功能,具体可参照本人博客“Qt之动态创建工具栏”代码以及效果示例;
说 明:动态创建工具栏及工具栏按钮的例子
vc工具栏制作工具,可以使用这个工具创建工具栏图片。
利用mfc创建具有热点效果的工具栏,具有完整的代码,可运行。