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>

本文地址：https://codercto.com/soft/d/3931.html