ExtTagExtJS的JSP标签库

联合创作 · 2023-09-23 22:30

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>

浏览 1
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报