<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>工具条</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<link href="resources/css/ext-patch.css" rel="stylesheet" type="text/css" />
<link href="resources/css/ext-extend.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.content{margin:5px auto; width:800px;}
</style>
<script type="text/javascript" src="core/ext-base.js"></script>
<script type="text/javascript" src="core/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var panel1 = new Ext.Panel({
title:'工具条图标',
renderTo: 'panel1',
iconCls:'tag',
height:100,
tbar:[
{text:'空白',iconCls:'page',tooltip:'page'},
{text:'新建',iconCls:'page_add',tooltip:'page_add'},
{text:'编辑',iconCls:'page_edit',tooltip:'page_edit'},
{text:'删除',iconCls:'page_delete',tooltip:'page_delete'},
{text:'查询',iconCls:'page_find',tooltip:'page_find'},
{text:'设置',iconCls:'page_gear',tooltip:'page_gear'},
{text:'附加',iconCls:'page_attach',tooltip:'page_attach'},
{text:'链接',iconCls:'page_link',tooltip:'page_link'},
{text:'转到',iconCls:'page_goto',tooltip:'page_goto'},
{text:'审核',iconCls:'page_key',tooltip:'page_key'},
{text:'保存',iconCls:'page_save',tooltip:'page_save'},
{text:'刷新',iconCls:'page_refresh',tooltip:'page_refresh'},
{text:'表格',iconCls:'page_excel',tooltip:'page_excel'},
{text:'文档',iconCls:'page_word',tooltip:'page_word'}
]
});
var panel2 = new Ext.Panel({
title:'工具条图标',
renderTo: 'panel2',
iconCls:'tag_add',
height:100,
tbar:[
{text:'空白',iconCls:'table',tooltip:'table'},
{text:'新建',iconCls:'table_add',tooltip:'table_add'},
{text:'编辑',iconCls:'table_edit',tooltip:'table_edit'},
{text:'删除',iconCls:'table_delete',tooltip:'table_delete'},
{text:'查询',iconCls:'table_find',tooltip:'table_find'},
{text:'设置',iconCls:'table_gear',tooltip:'table_gear'},
{text:'附加',iconCls:'table_attach',tooltip:'table_attach'},
{text:'链接',iconCls:'table_link',tooltip:'table_link'},
{text:'转到',iconCls:'table_goto',tooltip:'table_goto'},
{text:'审核',iconCls:'table_key',tooltip:'table_key'},
{text:'保存',iconCls:'table_save',tooltip:'table_save'},
{text:'刷新',iconCls:'table_refresh',tooltip:'table_refresh'},
{text:'增记录',iconCls:'table_row_insert',tooltip:'table_row_insert'},
{text:'删记录',iconCls:'table_row_delete',tooltip:'table_row_delete'}
]
});
var panel3 = new Ext.Panel({
title:'工具条图标',
renderTo: 'panel3',
iconCls:'tag_edit',
height:100,
tbar:[
{text:'空白',iconCls:'mail',tooltip:'mail'},
{text:'新建',iconCls:'mail_add',tooltip:'mail_add'},
{text:'编辑',iconCls:'mail_edit',tooltip:'mail_edit'},
{text:'删除',iconCls:'mail_delete',tooltip:'mail_delete'},
{text:'查询',iconCls:'mail_find',tooltip:'mail_find'},
{text:'已读',iconCls:'mail_open',tooltip:'mail_open'},
{text:'附加',iconCls:'mail_attach',tooltip:'mail_attach'},
{text:'链接',iconCls:'mail_link',tooltip:'mail_link'},
{text:'转到',iconCls:'mail_goto',tooltip:'mail_goto'}
]
});
var panel4 = new Ext.Panel({
title:'工具条图标',
renderTo: 'panel4',
iconCls:'tag_delete',
height:100,
tbar:[
{text:'空白',iconCls:'feed',tooltip:'feed'},
{text:'新建',iconCls:'feed_add',tooltip:'feed_add'},
{text:'编辑',iconCls:'feed_edit',tooltip:'feed_edit'},
{text:'删除',iconCls:'feed_delete',tooltip:'feed_delete'},
{text:'查询',iconCls:'feed_find',tooltip:'feed_find'},
{text:'链接',iconCls:'feed_link',tooltip:'feed_link'},
{text:'转到',iconCls:'feed_goto',tooltip:'feed_goto'},
{text:'审核',iconCls:'feed_key',tooltip:'feed_key'},
{text:'保存',iconCls:'feed_save',tooltip:'feed_save'}
]
});
});
</script>
</head>
<body>
<div id="panel1" class="content"></div>
<div id="panel2" class="content"></div>
<div id="panel3" class="content"></div>
<div id="panel4" class="content"></div>
</body>
</html>