`

ec属性应用问题

ec 
阅读更多

1.
<ec:table 
items="presidents" 
var="pres" 
imagePath="${pageContext.request.contextPath}/images/*.gif" 
action="${pageContext.request.contextPath}/presidents.run" 
filterable="false" 
sortable="false" > 
...
</ec:table>

<ec:table>里的属性还有:
a. rowsDisplayed,rowsDisplayed也可以在extremecomponents.properties文件中设定
b. showPagination ,如果你想在一页中显示所有行,只需要设置showPagination为false。
c. TableTag关联了很多样式属性:

<ec:table cellspacing="0" cellpadding="0" border="0" width="80%" style="" styleClass="" />
所有这些都是可选的。


2.
使用highlightRow属性可以设置行的高亮显示,它的值为true或false,默认值为false。

<ec:table items="presidents" var="pres" action="${pageContext.request.contextPath}/presidents.run" > 
<ec:row highlightRow="true">  
  <ec:column property="name"/>  
  <ec:column property="term"/> 
</ec:row>
</ec:table>
设置highlightRow属性后,它将插入设置行css类的javascript脚本,默认的css 类为highlight。你可以使用highlightClass来使用定制的css类。

3.
为了便于你对于行数据进行动态交互处理,提供了onclick、onmouseover和 onmouseout属性。

<ec:row onclick="" onmouseover="" onmouseout="" />


4.
RowTag关联了很多样式属性:

<ec:row style="" styleClass="" highlightClass="" />


5.

提供可选取值方法的主要原因是使你能够对其他类型的html标签提供动作支持,例如显示 一幅图片或者通过定义href使该列成为到其它页的一个链接。

<ec:table items="presidents" var="pres" action="${pageContext.request.contextPath}/presidents.run" > 
<ec:row>  
  <ec:column property="lastName">  
  <a href="http://goto.president.detail">${pageScope.pres.lastName}</a>  
  </ec:column> 
</ec:row>
</ec:table>


6。
<ec:column property="time" title="时间" parse="yyyy-MM-dd" format="yyyy年MM月dd日" cell="date"/>


7。
TableTag中有filterable和sortable属性,ColumnTag中也有相同的属性。 列的filterable和sortable属性将覆盖表的filterable和sortable属性设置。当你需要除了对表中的一、两列之外的 所有列进行过滤和排序时,十分便利。

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" >
<ec:row>  
  <ec:column property="firstName" filterable="false"/> 
  <ec:column property="lastName" sortable="false"/> 
</ec:row>
</ec:table>


8。视图问题:

viewsAllowed属性制定类允许使用的视图。视图包括:html、pdf、xls、csv,以及任何定制的视图。 如果你指定一个或几个视图,那么列仅能使用这些指定的视图。例如:你指定viewsAllowed="pdf",这意味着 这列只允许PDF导出,而不能进行其他格式的导出或html视图。

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" > 
<ec:row>  
  <ec:column property="firstName"/> 
  <ec:column property="lastName" viewsAllowed="pdf"/> 
</ec:row
</ec:table>
viewsDenied属性制定类不允许使用的视图。视图包括:html、pdf、xls、csv,以及任何定制的视图。 如果你指定一个或几个视图,那么列仅这些指定的视图不能被使用。例如:你指定viewsDenied="html",这意味着 这列不允许使用html试图,但能进行任何形式的导出。

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" >
<ec:row> 
  <ec:column property="firstName"/> 
  <ec:column property="lastName" viewsDenied="html"/> 
</ec:row>
</ec:table>


9。ParameterTag

eXtremeTable能够指定是否处理所有的参数。默认为处理所有的参数,这意味着当你进行 过滤、排序、分页时,所有的参数都被eXtremeTable保存并传到JSP中。通常这是你需要的功能, 然而,有时候你需要只允许一些特定的参数保存到eXtremeTable中。我喜欢把它看作锁定extremeTable, 可以通过设置表的autoIncludeParameters属性值为false来到达目的:

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" autoIncludeParameters=”false” > 
...
</ec:table>
甚至当表被锁定时,你仍然可以通过简单地使用parameter标签来包含一些你想使用的参数。下例 包含了foo参数:

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" autoIncludeParameters=”false” > 
<ec:parameter name=”foo” value=”${param.foo}”/> 
...
</ec:table>
现在所有的eXtremeTable参数都被锁定。但过滤、排序和翻页时,foo参数仍将被传递。


10. .propeties取代

为了替代硬编码eXtremeTable使用的默认属性值,我在属性文件中配置所有用到的属性。 如果你需要覆盖任何默认的设置,你可以创建自己的extremecomponents.properties文件 并设置你想改变的值。

为了设置属性文件,你应该如下例所示在/WEB-INF/web.xml文件中声明一个context-param,并 指定你的属性文件的路径:

<context-param> <param-name>extremecomponentsPreferencesLocation</param-name> <param-value>/org/extremesite/resource/extremecomponents.properties</param-value></context-param>
你可以认为属性文件为你提供了一个对所有的eXtremeTables声明全局设置的一个方法。 创建属性文件的最大好处就是避免在标签中复制、粘贴相同的属性。典型的extremecomponents.properties文件如下所示:

table.imagePath=/extremesite/images/*.gif
table.rowsDisplayed=12
column.parse.date=yyyy-MM-dd
column.format.date=MM/dd/yyyy
column.format.currency=$###,###,##0.00

 

在属性文件定义的TableTag使用最多的两个属性是:imagePath和rowsDisplayed。如果你不在属性文件中声明 这些属性,你需要在每个eXtremeTable中添加他们。典型的表如下所示:

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" imagePath="${pageContext.request.contextPath}/images/*.gif" rowsDisplayed="12" title="Presidents" > ...</ec:table>
如果在属性文件声明imagePath和rowsDisplayed,则表如下所示:

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" title="Presidents" > ...</ec:table>
正如你所见,属性文件避免了重复编码。


在属性文件定义的ColumnTag使用最多的两个属性是:parse和format。如果你不在属性文件中声明 这些属性,你需要在每个eXtremeTable中添加他们。典型的列使用日期cell如下所示:

<ec:column property="dateOfBirth" cell=”date” parse=”yyyy-MM-dd” format=”MM/dd/yyyy”/> 
如果在属性文件声明parse和format,则列如下所示:

<ec:column property="dateOfBirth" cell=”date”/> 
当然你仍然可以定义parse和format属性来覆盖全局设置,但是大多数工程对于日期使用一致的parse 和format。需要注意属性文件中parse.date和format.date的声明语法。

下例为使用货币cell的典型列:

<ec:column property="salary" cell=”currency” format=”$###,###,##0.00”/> 
如果在属性文件声明format,则列如下所示:

<ec:column property="salary" cell=”currency”/> 
另外,你可以声明一个定制的format并在列中通过使用列的basis来使用它,我把这想象为named属性。因此如果你的 extremecomponents.properties文件如下所示:

table.format.myCustomDate=yy-MM-dd
那么列可以如下使用定制的format:

<ec:column property="dateOfBirth" cell="date" format=”myCustomDate”>

 

11。ExportTag

eXtremeTable具有导出不同格式文件的功能,导出的数据为过滤和排序后的所有结果集, 分页不会影响返回的结果集。换句话说,如果表数据分多页显示,那么所有页的数据都将被导出。 导出的格式为Microsoft Excel (OpenOffice Calc)、PDF和CSV。

使用ExportXlsTag导出Microsoft Excel (OpenOffice Calc):

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" /> 
<ec:exportXls fileName="presidents.xls" tooltip="Export Excel"/> 
...
</ec:table>
使用ExportPdfTag导出PDF。所有要做的就是指定fileName属性和一些样式属性:

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" />
<ec:exportPdf fileName="presidents.pdf" tooltip="Export PDF" headerColor="blue" headerBackgroundColor="red" headerTitle="Presidents"/> ...
</ec:table>
使用ExportCsvTag导出CSV。当使用CSV导出是默认的分隔符为‘,’(comma)。你可以使用 delimiter属性来指定为其他的符号。下面为指定‘|’(pipe)为CSV分隔符的示例:

<ec:table items="presidents" action="${pageContext.request.contextPath}/presidents.run" /> 
<ec:exportCsv fileName="presidents.txt" tooltip="Export CSV" delimiter="|"/> 
...
</ec:table>

分享到:
评论

相关推荐

    易语言模块914个

    24位转单色位图模块.ec 69msn.ec ACCESS到高级表格.ec Access操作.ec ACCSEE记录显示到超级列表框模块.ec ACSII加解密模块2.0.ec AD.ec ADO方式填充树型框.ec API操作模块.ec Base64编解码.ec BASE64编...

    易语言模块大全

    属性夹.ec 工具提示.ec 常用API.ec 常用功能.ec 常用模块1.2.ec 常用软件性能优化模块.ec 度量转换.ec 弹出下载窗口.ec 弹出网页广告.ec 彗星模块1.3.ec 形象大使1.0.ec 循环冗余校验.EC 快捷方式.ec ...

    1345个易语言模块

    1亦思验证码识别1.5免费版.ec 24位转单色位图模块.ec 32张发牌.ec 3D引擎支持库-eOgre.ec 69msn.ec ACCESS 到高级表格.ec Access操作.ec Access数据库压缩修复新建.ec ACCSEE记录显示到超级列表框模块.ec ACSII 加...

    1350多个精品易语言模块

    1亦思验证码识别1.5免费版.ec 24位转单色位图模块.ec 32张发牌.ec 3D引擎支持库-eOgre.ec 69msn.ec ACCESS 到高级表格.ec Access操作.ec Access数据库压缩修复新建.ec ACCSEE记录显示到超级列表框模块.ec ACSII 加...

    790个易模块打包下载-2

    模块_与应用程序建立关联.ec 模块_在线更新.ec 模块集.ec 模拟XP.ec 模拟按键.ec 目录模块.ec 内存读写模块1.0.ec 内存读写模块2.0.ec 内存专用模块.ec 凝逸网页取文1.0.ec 判断ASCII编码.ec 判断XP外观...

    790个易模块-3

    模块_与应用程序建立关联.ec 模块_在线更新.ec 模块集.ec 模拟XP.ec 模拟按键.ec 目录模块.ec 内存读写模块1.0.ec 内存读写模块2.0.ec 内存专用模块.ec 凝逸网页取文1.0.ec 判断ASCII编码.ec 判断XP外观...

    790个易模块打包

    模块_与应用程序建立关联.ec 模块_在线更新.ec 模块集.ec 模拟XP.ec 模拟按键.ec 目录模块.ec 内存读写模块1.0.ec 内存读写模块2.0.ec 内存专用模块.ec 凝逸网页取文1.0.ec 判断ASCII编码.ec 判断XP外观...

    2020易语言模块大全持续更新3.zip

    万能注册验证模块.ec 专用模块.ec 世恒通用安装系统文件压缩模块.ec 丫头皮肤模块.ec 五笔编码查询模块.ec 优化内存.ec 优化内存模块.ec 优码专用模块.ec 伟业超级列表框列宽尺寸...鱼刺类_多线程应用.ec 鼠标控制.ec

    E语言1000模块

    2002-07-28 03:41 1551 538 易语言模块大全\EC.EC 2005-12-30 21:58 43618 8803 易语言模块大全\EdbServer1.0客户端.ec 2006-05-22 07:03 30865 7639 易语言模块大全\EDB、高级表格、XLS互换.ec 2004-08-27 08:10...

    android_app_AWS_RDS:将Android应用程序连接到AWS RDS和EC2实例

    这是一个用于将android应用程序直接连接到AWS RDS的项目。 我觉得我一直在做的一切都在本地驱动器上。 并想尝试新的东西。 首先,我托管EC2服务和RDS服务。 然后我通过PHP将RDS放在EC2服务器上。 基本上,我使用...

    terraform-aws-ec2-instance:通用AWS EC2实例Terraform模块

    实例上下文属性作为local-exec环境变量公开。 切换api终止保护 将标签映射应用于所有可标签资源 地形版本 v0.12 提供者 名称 版 ws 〜&gt; 2.3 输入项 名称 描述 类型 默认 需要 add_num_suffix 将计数器索引作为...

    易语言模块大全汇总批量下载

    2005-10-21 15:30 14489 3100 易语言模块大全\24位转单色位图模块.ec 2007-01-18 07:00 7110 2339 易语言模块大全\69msn.ec 2005-05-26 02:18 4070 1472 易语言模块大全\ACCESS到高级表格.ec 2001-12-31 21:24 7664 ...

    1000个【易语言模块大全汇总批量下载】

    2005-10-21 15:30 14489 3100 易语言模块大全\24位转单色位图模块.ec 2007-01-18 07:00 7110 2339 易语言模块大全\69msn.ec 2005-05-26 02:18 4070 1472 易语言模块大全\ACCESS到高级表格.ec 2001-12-31 21:24 7664 ...

    aws-codedeploy-sample:此Amazon Web Services AWS Code Deploy安装程序(EC2,IAM,Github)教程展示了如何让AWS EC2实例托管Github存储库中的App

    AWS CodeDeploy的不同属性。为CodeDeploy指定EC2,Github和IAM角色。检查CodeDeploy日志。了解CodeDeploy定价。 在此AWS Code Deploy安装程序教程中,将概述Amazon lambda及其功能。 AWS CodeDeploy是一项服务,可...

    以太网交换机配置

    华为交换机配置,包括VLAN、MAC、QinQ、MSTP、ERPS、LOOP DETECT等,有各种协议的原理描述,有详细的配置步骤。

    aws-support-spring-boot-starter:最小的Spring-Boot-Starter,用于检测应用程序是否在AWS上运行,并公开一些属性(如果有)

    这个最小的Spring-Boot-Starter是一个非常简单的EnvironmentPostProcessor ,它可以检测应用程序是否在AWS上运行。 它利用EC2MetadataUtils获取有关其运行的AWS环境的一些详细信息。 用法 只需将JAR作为依赖项添加到...

    ecere-sdk:Ecere SDK(eC语言,Ecere IDE,跨平台GUI,图形等)— http://ec-lang.org —

    基于属性和方法的快速应用程序开发表单设计器 运行时库,跨平台提供统一的API,具有: GUI工具箱(具有大量强大的控件,包括:按钮,编辑框,拖放框,菜单,选项卡,树视图/网格/列表框,文件对话框等) 2D图形...

    SpringBoot整合并使用Java实现“孤立森林”异常数据过滤算法

    在我自己的智能水培项目中中,物联网的环境数据由温度、湿度、PH值、EC值、CO2浓度、光照强度组成,所以按时间划分,每一条数据就是这些属性的合集,所以我们可以将环境数据集看成多维数据集。 孤立森林算法 在详细...

    vuejs-elementui-aws:一个具有Cognito身份验证的简单AWS EC2实例管理器,可显示实例状态并允许开机和编辑安全组

    vuejs-elementui-aws适用于AWS EC2的基本管理面板简单的界面,可在AWS Cognito上进行登录和注册,cognito配置文件属性编辑,配置文件头像上传到S3,基本日志到DynamoDB以及管理器EC2实例到启动停止和安全组。...

Global site tag (gtag.js) - Google Analytics