(6)ExtJS之工具栏toolbar 2
2014-02-25 13:07
381 查看
006_toolbar.js:
JSP页面:
Ext.onReady(function(){ var toolbar=new Ext.toolbar.Toolbar({ renderTo:Ext.getBody(), width:500 }); toolbar.add( {text:'新建'},{text:'打开'}, {text:'编辑'},{text:'保存'}, '-', { xtype:'textfield', hideLabel:true, width:150 }, '->', '<a href=#>超链接</a>', {xtype:'tbspacer',width:50}, '静态文本' ); });
JSP页面:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'JS1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- extjs的样式文件 --> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"> <!-- extjs的核心文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script> <!-- 国际化文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="base/006_toolbar.js"></script> </head>
<body><%-- <input type="button" id="btn" value="点击" /> --%></body> </html>
相关文章推荐
- 13个JavaScript图表(JS图表)图形绘制插件
- (5)ExtJS之工具栏toolbar 1
- Json依赖包
- (4)ExtJS之进度条ProgressBar
- (3)ExtJS之定义类与继承
- (2)ExtJS之Function函数的三种表示形式
- JS倒数计时器
- js 倒数计时器
- javascript 同步加载与异步加载
- JS window对象的top、parent、opener含义
- 关于Json传递的日期/Date(数字)/解析
- 可编辑表格,ajax编辑表格 js
- 代码演示神器——jsfiddle
- newtonsoft.json解析天气数据出错解决方法
- 点击登录按钮弹出登录层(HTML+JS)
- Js排序
- JSP的内置对象
- JS设定输入框只能输入数字,小数和字母等的正则表达式
- JSP指令与动作指令
- js--docement对象的几个getElementBy~()方法