JaNer

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

2.展示一

2.1. 先看一眼界面


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);

3.展示二

3.1.先看一眼界面


3.2.再看代码

	<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' 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="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>