ExtJS的JSP标签库 ExtTag
- 授权协议: Apache
- 开发语言: Java
- 操作系统: 跨平台
- 软件首页: http://code.google.com/p/exttag/
软件介绍
Summary
ExtTag为ExtJS的 JSP标签库，以便在IDE中获得良好的编辑支持。
Entironment
1. extjs3.0.0
2. jsp2.0
3. java5.0
Install
1. 将exttag.jar添加到 Web应用的/WEB-INF/lib目录
2. 将ext-3.0.0添加到Web应用的根目录(可在web.xml中配置ext-home初始化参数)
Usage
标签库使用说明：
1. 使用<%@ taglib prefix="ext" uri="/exttag"%>引入标签库(必须)
2. 使用<ext:ext></ext:ext>作为根标签(必须)
* title属性：窗口标题
* scripts属性：引入外部js脚本文件，以逗号分隔
* styles属性：引入外部css样式文件，以逗号分隔
3. 使用<ext:script></ext:script>标签添加内部脚本
4. 使用<ext:style></ext:style>标签添加内部样式
5. 使用var属性声明标签对象在JavaScript中的变量名
6. 其它标签与属性与extjs一一对应，参见：http://www.extjs.com/deploy/dev/docs/
Example
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="ext" uri="/exttag"%>
<ext:ext title="XXXX">
<ext:viewport var="menuPane" layout="border">
<ext:items>
<ext:panel region="center" border="0" layout="border">
<ext:tbar>
<ext:toolbarSeparator />
<ext:toolbarButton text="XXXX">
<ext:menu>
<ext:items>
<ext:textItem text="XXXX"></ext:textItem>
<ext:textItem text="XXXX"></ext:textItem>
<ext:textItem text="XXXX"></ext:textItem>
</ext:items>
</ext:menu>
</ext:toolbarButton>
<ext:toolbarButton text="XXXX">
<ext:menu>
<ext:items>
<ext:textItem text="XXXX"></ext:textItem>
<ext:textItem text="XXXX"></ext:textItem>
<ext:toolbarButton text="XXXX">
<ext:menu>
<ext:items>
<ext:textItem text="XXXX"></ext:textItem>
</ext:items>
</ext:menu>
</ext:toolbarButton>
<ext:textItem text="XXXX"></ext:textItem>
</ext:items>
</ext:menu>
</ext:toolbarButton>
</ext:tbar>
</ext:panel>
</ext:items>
</ext:viewport>
</ext:ext>
