傻眼了吧！Ext.Grid without Ext.Grid

E3平台QQ Group：63787587
E3系列组件在线演示地址：[url]http://www.javae3.com/Index.jsp[/url]
更多E3系列技术文章请访问偶滴Blog,欢迎浇花水。哈哈！
[color=red][url]http://user.qzone.qq.com/307916217/blog/1216576687[/url][/color]
[b]1.写在最前面[/b]
介绍:E3.Table对Ext.Grid做了完美的封装，让程序员不必去关心EXT那一堆封锁的JS也不必去关心表格的数据源，你所需要做的仅仅是使用E3Table的JSPTag画出界面，并把List数据压入request或者session就可以.最大限度的保持了传统编码的模式。
下面是刚用E3.Ext.Table完成的几个功能，发出来给大家看看，希望能有更多的朋友能够了解E3，让E3系列组件丰富和简化您的JavaEE应用的开发。此文仅仅是展示，详细的使用方法系列教程将后续推出!

[b]2.展示一[/b]

2.1. 先看一眼界面
[img]http://www.shangrilaagroecology.org/e3/table/01.jpg[/img]

2.2.在看看它的jsp代码

			<e3t:table id="aa10Table" pageSize="10" toolbarPosition="bottom" caption="代码表"  height="318" items="aa10List" varStatus="aa10Status" var="aa10" uri="demoAction.do?reqCode=queryAa10" >
				<e3t:param name="dto(aaa100)" value="<%=request.getParameter("dto(aaa100)") %>" />
				<e3t:column property="select" width="40" title="<input type='checkbox' class='EXTSELECT' name='checkAllFlag' onclick='checkedAll()' value='all'>" sortable="false">
			      <input type="checkbox" name="checkedId" class="EXTSELECT" align="middle" value="<c:out value="${aa10.aaa102}"/>" />
		        </e3t:column>
				<e3t:column property="aaa100" title="代码类别" sortable="true" />
				<e3t:column property="aaa101" title="类别名称" sortable="true" />
				<e3t:column property="aaa102" title="代码值" sortable="true" />
				<e3t:column property="aaa103" title="代码名称" sortable="true" width="120"/>
				<e3t:column property="yab003" title="经办机构" sortable="true" />
				<e3t:column property="aae120" title="经办人" sortable="true" >
					<eRed:codeDesc4YH field="YAE092"><c:out value="${aa10.aae120}"/></eRed:codeDesc4YH>
				</e3t:column>
				<e3t:column property="edit" title="修改" sortable="false" width="20">
		             <img border="0" style="cursor:hand;" onclick="click1('<c:out value="${aa10.aaa102}"/>');" alt="修改" src="<layout:resource name="edit.gif" type="img"/>"/>
		        </e3t:column>
			</e3t:table>

request.setAttribute("aa10List", aa10List);

[b]3.展示二[/b]

3.1.先看一眼界面
[img]http://www.shangrilaagroecology.org/e3/table/02.jpg[/img]

3.2.再看代码
[code]
<layout:cell>
<eRed:groupBox title="记账时间列表" visibleVar="bg09ListByTime">
<e3t:table id="prepayTable" pageSize="5" height="160" items="bg09ListByTime" toolbarPosition="bottom" varStatus="by09GroupStatus" var="by09Group" uri="prepayAction.do?reqCode=nextPage" >
<e3t:column property="no" title="序号" sortable="false" width="40">
<c:out value="${by09GroupStatus.count}" />
</e3t:column>
<e3t:column property="jzsj" title="记账时间" width="180" />
<e3t:column property="xms" title="收费项目数" width="150" />
<e3t:column property="fyze" title="费用总额" width="150" >
<eRed:colorRender color="red"><c:out value="${by09Group.fyze}"/></eRed:colorRender>
</e3t:column>
<e3t:column property="jbr" title="经办人">
<eRed:codeDesc4YH field="YAE092"><c:out value="${by09Group.jbr}"/></eRed:codeDesc4YH>
</e3t:column>
</e3t:table>
</eRed:groupBox>

<eRed:groupBox title="记账明细列表" visibleVar="bg09ListByDetail">
<e3t:table id="detailTable" pageSize="5" height="160" items="bg09ListByDetail" toolbarPosition="bottom" varStatus="by09Status" var="by09" uri="prepayAction.do?reqCode=nextPage" >
<e3t:column property="select" width="40" title="<input type='checkbox' class='EXTSELECT' name='checkAllFlag' οnclick='checkedAll()' value='all'>" sortable="false">
<input type="checkbox" name="checkedId" class="EXTSELECT" align="middle" value="<c:out value="${aa10.aaa102}"/>" />
</e3t:column>
<e3t:column property="no" title="序号" width="40" sortable="false">
<c:out value="${by09Status.count}" />
</e3t:column>
<e3t:column property="sfxmmc" title="收费项目" width="150" />
<e3t:column property="sl" title="数量" width="60" />
<e3t:column property="sjjg" title="单价" width="60" >
<eRed:colorRender color="red"><c:out value="${by09.sjjg}"/></eRed:colorRender>
</e3t:column>
<e3t:column property="zfbl" title="自付比例" width="70">
<eRed:colorRender color="blue"><c:out value="${by09.zfbl}"/></eRed:colorRender>
</e3t:column>
<e3t:column property="tjdm" title="项目类别" width="120" >
<eRed:codeDesc4YH field="TJDM"><c:out value="${by09.tjdm}"/></eRed:codeDesc4YH>
</e3t:column>
<e3t:column property="jbsj" title="记账时间" width="150" />
<e3t:column property="jbr" title="经办人" >
<eRed:codeDesc4YH field="YAE092"><c:out value="${by09.jbr}"/></eRed:codeDesc4YH>
</e3t:column>
</e3t:table>
</eRed:groupBox>
</layout:cell>
[/code]