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>
分享到:
相关推荐
Rainyday.js – 傻眼了!竟然有如此逼真的雨滴效果
之前我做过一个三星 W2013 的手机,它的 data 和 sdcard 是一个分区(ext4)上不同的目录.那时我想都没想,直接 dd if=/dev/block/mmcblkxpx of=/sdcard/data.img 进行数据恢复,后来傻眼了,做镜像时 data 区的已经使用...
让我帮忙从这边拉一条线过去,我对他说,这边的路由器只剩下一个口了,只能够连接一台,如果多的话还需要买设备,昨天找到我把“设备”给我,我一看晕倒,又买了一台路由器,这下我傻眼了,我可是从来没有这样做过啊...
有的小伙伴在学习数据库的时候,创建表结构的时候不小心把某字段设置成了varchar但是在统计求和的时候就傻眼了,接下来跟着小编学习一下,不用改该列数据类型也能求和的方法吧! 1、打开 数据库连接客户端Navicat ...
希望对大家有所帮助,这是部分的大学物理实验思考题答案
之前自己下载了一个这个资源,10分资源分,下载完成后,一运行傻眼了提示"本软件为共享软件,请注册"下载包里无注册码.真他娘的"坑爹".所以本人收集了相关的注册信息.一并打包进行发布.希望大家支持.谢谢
缺点:太依赖系统中安装的IE版本,IE11以下的版本性能太差且标准不统一(很多js代码或页面可能会出错),就像汽车虽然方便,但是太依赖路面,没路就傻眼了,上边3个虽然自己笨重一点,但是就像飞机一样,天高任我飞...
但是网关就是连接不上网,后台看不到数据(同事描述),负责测试的同事一直督促着说老板的玻璃心快碎了,快点解决,没办法,又戴上安全帽,去了一趟现场,查看了下log信息,傻眼了,做网关那么多年,第一次看到DNS...
本来以为是英文,结果回头再翻就傻眼了,谁能看懂就看吧。。。。。。讲单片机控制网卡的实现的。
OK,那我们就换另一个试试,下载SDK下来,一看,傻眼了,设计风格,封装模块完全不一样,于是乎我们就到项目中全局搜索找到之前的SDK代码干掉,然后重新再到各种地方用新的SDK来写新的逻辑来替换,关键的是,中间还...
但第三方的工具往往都是建立在OS可引导的基础上,如果OS不能引导了就只好借用其它工具了,对于像1810这种没有光驱的本本,如果万一那天急用电脑时偏偏坏掉了系统,那就傻眼了。。。 所以还是保留系统的ALT+F10还原...
++ 第三期节目中最亮眼的要数才貌双全的"女神"于文文了,还没正式出场就惹得几位导师hold不住看傻眼,大赞"很漂亮"、"美女",陶喆还故作镇定的强调原则称"不能因为长得漂亮就加分,我还要看一下",结果...
天天和WEB打交道,忽然需要写个客户端,就傻眼了把。没有CSS,没有JQuery,还写个毛。调用默认额度控件,又丑死了,而且非常不灵活。如果把HTML和VB结合起来,做客户端界面就爽多了。 实在郁闷,在网上偶尔找到了...
面试中常常会出现的困扰大家的问题,可以借鉴一下,不然真的碰到了可以傻眼了
主播花了三个月呕心沥血打造的3D单机游戏,老师看完直接傻眼,并且拿去学院的人工智能未来实验室立项,特地拍了宣传视频。代码简要、逻辑清晰、注释详细,小白也可轻松上手,仅供参考学习,请勿作商用
翻开主教材的第一 节,我不禁有点傻眼,和我想象中的第一节不一样,它不是什么我们会、却不精通的软 件的相关学习(受大一专业课教材的影响),而是在我的观念世界里地球人都能做到的 ——电脑开机,虽很意外可我...
《Ordinary Differential Equations》——William A. Adkins;图书教材;常微分方程
自从工程开始做我就认为片上512K ROM足够使用,就很放心,谁知道在工程接近结尾的时候,突然有一天编译报错,说空间不够了,顿时傻眼了,要知道我还有些功能没实现呢,而且还有后期的升级之类的需要空间啊。
一直登录HTTPS都是用的模拟填写表单的方式,朋友说要用发包的方式登录,有些傻眼, 然后看到XMLHTTP可以模拟发送HTTPS的数据包,于是便有了以下函数 //构造数据包 strcat(buf,"tpl_ok=&next;_target=&tpl=mn&skip...