|
类摘要 |
| AbstractAttach |
上传附件和上传照片等上传控件的抽象类 |
| Accordion |
创建一个可以折叠的面板（Accordion），详见 Accordion Widget
示例1： 手动创建
<g2:accordion id="accordion">
<g2:accordionItem title="公司简介">
<p>广联达是服务于建筑产品的建造者、运维者和使用者的信息化平台运营商，为客户提供建设工程全生命周期的信息化解决方案。 |
| AccordionItem |
创建一个可折叠的面板
示例代码：
<g2:accordionItem title="Sed non urna">
Sed non urna. |
| Attach |
创建一个附件上传控件，详见 plupload UI.Plupload
依赖的 CSS 和 JS：
jquery-ui.css
jquery.gboat2.plupload.css
jquery.min.js
plupload.full.min.js
jquery.gboat2.plupload.js
jquery.cookie.js
示例代码：
<g2:attach attachMap="attachMap" name="attachIds" maxFileSize="20mb" sortable="true"/>
<g2:attach attachMap="oldVersionJsonStr" belongId="%{SID}"/>
|
| AttachButtons |
设置附件上传控件需要显示的按钮 |
| AttachResize |
上传图片之前在客户端调整要上传的图片的大小，只对 mineType 为 image/jpeg， image/png 的附件生效 |
| AttachSequence |
创建一个浮动的附件查看列表
示例代码：
<g2:attachSequence attachMap="attachMap"/>
|
| Autocompleter |
创建一个带有自动提示功能的输入框，根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 |
| Block |
定义一个代码块，用于在子页面中进行重写
父页面:（demo-parent.jsp）
<%@ taglib prefix="g2" uri="/g2-tags"%>
<g2:page comment="这是父页面：demo-parent.jsp" title="测试页面-父页面">
<p>没有被包含在 block 标签中的代码在子页面中将无法被覆盖</p>
<g2:block id="block_1"><p>这个是父页面中的代码块1，原样输出</p></g2:block>
<g2:block id="block_2"><div>这个代码块在子页面中进行重写……</div></g2:block>
</g2:page>
子页面（demo.jsp）
<%@ taglib prefix="g2" uri="/g2-tags"%>
<g2:page comment="这个是子页面：demo.jsp" title="测试页面-子页面" extend="demo-parent.jsp">
<g2:overlay id="block_2">
<g2:inheritBlock/>
<div>上面的 inheritBlock 标签是为了包含父页面中的代码，这一行是新增的，在下面再包含一次父页面中的代码，嘿嘿……</div>
<g2:inheritBlock/><br>
</g2:page>
访问 demo.jsp 输出:
…… ……
<p>没有被包含在 block 标签中的代码在子页面中将无法被覆盖</p>
<p>这个是父页面中的代码块1，原样输出</p>
<div>这个代码块在子页面中进行重写……</div>
<div>上面的 inheritBlock 标签是为了包含父页面中的代码，这一行是新增的，在下面再包含一次父页面中的代码，嘿嘿……</div>
<div>这个代码块在子页面中进行重写……</div>
…… ……
可以看到，demo.jsp 中 block_2 的输出内容被 <g2:overlay/> 重定义了，而 block_1 部分还是 demo-parent.jsp 的内容. |
| Button |
创建一个按钮 |
| CatagoryQuery |
创建一个用于通用表格的分类列表组件 |
| CheckboxList |
创建一组多选框 |
| Dialog |
创建一个弹出框，弹出框中的内容可以是本页中的内容或通过 ajax 远程加载的数据。 |
| Draggable |
让被选择元素可以被鼠标拖动，详见 jQuery UI Draggable plugin。 |
| Droppable |
创建拖动元素的目标，使所选元素可拖放（这意味着 Draggable 拖动可以被拖放接受）。 |
| Form |
|
| Grid |
根据返回的 JSON 数据，创建通用表格，详见：
http://www.trirand.com/jqgridwiki/doku.php? |
| GridColumn |
创建表格的列，详见 http://www.trirand.com/jqgridwiki/doku.php? |
| GridOperation |
定义通用列表操作列的按钮 |
| GridOperations |
定义表格的操作列
|
| GridPager |
定义 jqGrid 的分页参数，详见 http://www.trirand.com/jqgridwiki/doku.php? |
| Include |
Include a servlet's output (result of servlet or a JSP page). |
| Label |
创建一个 Label 标签 |
| Menu |
创建一个菜单列表，详见 Menu Widget
示例代码：
<g2:menu id="menuWithItems">
<g2:menuItem title="广联达软件股份有限公司" href="http://www.glodon.com/" />
<g2:menuItem title="广联达正源兴邦科技有限公司" href="http://www.grandsoft.com.cn" />
<g2:menuItem title="公司介绍">
<g2:menu id="subMenuPlugins">
<g2:menuItem title="公司简介" href="http://www.glodon.com/aboutus/glodon/intro" />
<g2:menuItem title="公司荣誉" href="http://www.glodon.com/infos? |
| MenuItem |
创建一个菜单项 |
| Navigation |
导航菜单 |
| Overlay |
重写一个已在父页面定义好的代码块 |
| Page |
JSP 页面标签，设置页面级全局参数 |
| PageUrl |
在JSP页面输出当前页面路径的注释 |
| PhotoAttach |
|
| Progressbar |
创建一个进度条，详见 Progressbar Widget
示例代码：
<g2:progressbar value="40" />
|
| Radio |
创建一组单选按钮 |
| Remote |
通过 Ajax 请求加载远程服务器上数据的组件 |
| Resizable |
使用鼠标改变一个元素的尺寸。 |
| Select |
创建一个下拉框 |
| Selectable |
使用鼠标选择一个或一组元素。 |
| Slider |
创建一个滑动调用来设置数值，详见：Slider Widget
示例代码：
<g2:slider id="myslider" name="myslider"/>
<g2:slider id="myslider2" name="myslider2" value="40" displayValueElement="displayvaluespan" min="20" max="200" animate="true" step="5" cssStyle="margin: 10px;"/>
|
| Sortable |
使用鼠标调整列表中或者网格中元素的排序。 |
| Spinner |
创建一个微调组件（spinner），用于处理各种数字输入。 |
| StaticComponents |
组件集合 |
| Tab |
创建 jquery-ui tab 控件
示例代码：
<g2:tab href="#t2" closable="true">显示Div中的内容</g2:tab>
<div id="t2">这个 DIV 的内容将显示在 Tab 中</div>
<g2:tab id="tab32" href="none/example.action? |
| TabbedPanel |
一种多panel（面板）的单内容区，每个panel（面板）与列表中的标题相关。 |
| TextArea |
创建一个文本域 |
| TextField |
创建一个输入框
使用示例：
<g2:textfield key="user" />
<g2:textfield name="user" label="User Name" />
|
| Topic |
jQuery 发布/订阅 插件对应的 Struts2 标签组件，依赖于 jquery.subscribe.js。 |