(5)ExtJS之工具栏toolbar 1

006_toolbar.js：

Ext.onReady(function(){
	var toolbar=new Ext.toolbar.Toolbar({//创建工具栏
		renderTo:Ext.getBody(),
		width:300
	
	});
	
	toolbar.add([//向工具栏中添加按钮
	{	
			text:'新建',//按钮上显示的文字
			handler:onButtonClick,//点击按钮的处理函数
			iconCls:'newIcon'//在按钮上显示的图标
	
	},
	{text:'打开',handler:onButtonClick,iconCls:'openIcon'},
	{text:'保存',handler:onButtonClick,iconCls:'saveIcon'}
	
	]);
	
	function onButtonClick(btn){//点击按钮时调用的处理函数
		alert(btn.text);//取得按钮上的文字
		
	}
	
});

 

 

JSP页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()&