ExtTag下载，JSP中使用ext标签开发（Extjs）

最新推荐文章于 2024-10-29 09:58:20 发布

躁动的青年

最新推荐文章于 2024-10-29 09:58:20 发布

阅读量186

点赞数

分类专栏： Ext 文章标签： ext ExtTag ext标签 jsp html

本文链接：https://blog.csdn.net/haveqing/article/details/84693789

版权

Ext 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

项目主页：http://code.google.com/p/exttag/

下载地址：http://code.google.com/p/exttag/downloads/list

附件中有提供下载

样例：http://www.blogjava.net/wangbing/archive/2009/12/25/307250.html

ExtTag

Summary

ExtTag为ExtJS的JSP标签库，以便在IDE中获得良好的编辑支持。

Entironment

extjs3.0.0
jsp2.0
java5.0

Install

将exttag.jar添加到Web应用的/WEB-INF/lib目录
将ext-3.0.0添加到Web应用的根目录(可在web.xml中配置ext-home初始化参数)

Usage

标签库使用说明：

使用<%@ taglib prefix="ext" uri="/exttag"%>引入标签库(必须)
使用
```
<ext>
```
```
</ext>
```
作为根标签(必须)
- title属性：窗口标题
- scripts属性：引入外部js脚本文件，以逗号分隔
- styles属性：引入外部css样式文件，以逗号分隔
使用
```
<script>
```
```
</script>
```
标签添加内部脚本
使用
```
<style>
```
```
</style>
```
标签添加内部样式
使用var属性声明标签对象在JavaScript中的变量名
其它标签与属性与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>