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

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>

评论

14 楼 kimmking 2008-07-22  

如果 仅仅是提供一个grid而使用ext的话

有很多帖子已经讨论了 是不值的

13 楼 minimu 2008-07-22  

其实期待有人能把Ext Grid分离出来，最小的集合
毕竟Ext的Grid现在非常不错的
也许GT Grid功能强大些，但是从界面而言还是和Ext Grid有差距

12 楼 aisdf 2008-07-22  

没啥用啊..不就是把javascript改成java自动输出.代码基础差不多
那还不如直接用EXT+GWT呢...

而且本来EXT就是为了实现客户端和服务器端分离,结果被你一改又变回去了..

11 楼 huangyh 2008-07-22  

e3因为是服务器端的东西，所以store实际上就是我们后台的对象列表

10 楼 huangyh 2008-07-22  

exttag 和e3没太多可比性。在e3.table里，ext grid,更多是一种皮肤的概念.将来e3还会支持yui的datatable 等

9 楼 huangyh 2008-07-22  

对，可以认为e3里没有store 的概念。只是是单击行的时候，要获取记录数据，还是得通过store来读取，所以用e3，你只需要知道客户端要读数据用store能读取到就可以。

8 楼 fins 2008-07-22  

在EXT里 store 和 grid 是分离的
那么在 e3里 这个怎么体现呢?
e3 是不是屏蔽了 ext里 store的概念???

7 楼 JaNer 2008-07-22  

kimmking 写道

好像已经有一个叫 exttag 的开源项目了

封装了常用的ext组件 不仅仅是grid

是的，那个是国外的一个标签库,没具体用过。但有一点E3一定做得比它好，那就是持续更新，丰富的文档和活跃的社区技术支持。

6 楼 sp42 2008-07-21  

值得鼓励。其实Ext之所以叫Ext,某种程度上乃Ext(end)之含义，既然有大家的扩展，有得选择，何乐不为呢？

5 楼 makefile 2008-07-21  

kimmking 写道

好像已经有一个叫 exttag 的开源项目了

封装了常用的ext组件 不仅仅是grid

在那个网址啊？

4 楼 huangyh 2008-07-21  

呵呵，不错，跟进的很块，刚发布的。E3.Table使用相当简单，可以试用下.

3 楼 jianfeng008cn 2008-07-21  

简单使用没问题，遇到问题就只能喊娘，好比dotnet，你想修改他的控件可不是一般的简单，干脆放弃程序员，直接看看教程知道怎么配置，怎么使用人家开发好的

2 楼 kimmking 2008-07-21  

好像已经有一个叫 exttag 的开源项目了

封装了常用的ext组件 不仅仅是grid

1 楼 kimmking 2008-07-21  

好像已经有一个叫 exttag 的开源项目了

封装了常用的ext组件 不仅仅是grid