`
w800927
  • 浏览: 119367 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

转载:ec标签使用

 
阅读更多
1.安装
ExtremeComponents 安装文件在/components/web/extremetable/ 下,包括jar文件,images图片和css文件以及properties文件。以及web.xml,sample.jsp 示例。

连环指定:

images文件,css文件,properties文件可随意摆放

properties文件中指定images文件的位置,web.xml中指定properties文件的位置,实际jsp中指定css的位置。

用springside的构件安装命令能自动完成默认的安装(双击项目的的build.bat,  选择add-component, 再选web/extremetable)

2.Tips
2.1.Compat View
默认的式样不符合大家的审美,幸亏还有Compact View和css设置,让我们可以敬谢不敏它号称非常方便的HtmlView子类扩展。在全局设置里设置

table.view.html=org.extremecomponents.table.view.CompactView2.2.导出Excel
    Excel 导出的Tag:(官方版不支持中文文件名)。  <ec:exportXls fileName="BookList.xls" tooltip="导出 Excel"/>
    ExtremeTable导出的一项重要特性是可以根据不同的View导出不同的列.

     比如html管理界面可能只列出订单几个最重要的列,而导出excel时则需要导出所有的列。<ec:column property="orderdate" title="订单日期"  cell="date" format="yyyy-MM-dd"  viewsDenied= "html"/>
     又比如有些操作按纽如修改按钮只在html管理界面出现,excel里不想出现:<ec:column property="null" title="修改" viewsAllowed="html">
使用排序功能时,如果property为嵌套属性时,需要设置alias

      因为javascript的关系.<ec:column property="customer.name" title="客户名称" alias="customer"/>

2.3. Date Cell与NumberCell 和RowCountCell
     在全局属性定义:

column.format.date= yyyy-MM-ddcolumn.format.currency= ¥###,###,#00.00//jsp代码<ec:column property="totalprice" title="总金额" cell="currency" width="80" /><ec:column property="shipdate" title="发货日期"  cell="date" width= "80"/><ec:column property="rowcount" cell="rowCount" sortable="false" title="序号" width="60"/>2.4 汇总
在column中加入两个cac属性,就会自动在table的底端显示汇总

<ec:column property="totalprice" title="总金额" cell="number" format="###,###,##0.00" calc="total" calcTitle= "汇总:"/>2.5. i18N
在Web.xml里面指定i18N的Properties文件:

<context-param><param-name>extremecomponentsMessagesLocation</param-name>  <param-value>messages</param-value></context-param><ec:column property="name" title="book.name"/>EC的算法是先去i18n文件中寻找book.name,如果找不到该key,则显示book.name。所以如果不想i18n, title处可以直接填中文。

2.6. 数据库分页
EC默认从数据库中查找所有记录然后由它来分页,如果查询结果较大,可以考虑使用数据库端分页的方案。

此时,EC会使用Limit对象向Controller传递PageNo,PageSize,OrderBy等分页信息。而服务端将向EC返回总记录数和当前页的内容。

2.7.不显示导出excel及分页
最快的方式是设置table的showStatusBar= false

<ec:table  items= "order.orderItems"var="item" action=""   showStatusBar= "false">3. 自定义样式与扩展Cell
ExtremeTable比Display Tag的i一个就是良好的自定义和扩展能力,不用千人一面。

3.1 良好的CSS定义
         ExtremeTable 的CSS定义非常严谨, 并且提供很多个层次的修改方式:

         1.直接修改css文件, 可以把table view改成任意样式

         2.修改全局属性, 改变某种元素对应的css class名table.styleClass=tableRegion
         3.在某个页面的row,column tag中定义class <ec:row style="" or styleClass=""/>
         一般都是采用方法1直接修改。

3.2 方便的<tr><td>属性扩展
        row与column已提供了丰富的普通属性与 javascript属性如onClick(), 如果属性仍然未够,可自行扩展<row>与<column>tag ,并通过全局属性指定新的子类名。

   为了方便大家在子类扩展属性, extreme Table提供了专门的回调函数与Util函数如

public void addColumnAttributes(Column column){ column.addAttribute("customAttributeOne", customAttributeOne);}详细请看手册,Table, Row,Column都提供相同的扩展:
http://extremecomponents.org/wiki/index.php/Column#Extended_Attributes

如果不是Extremetable的特别支持, 普通taglib class要扩展属性的话:
        1.定义真正的Java属性,setter,getter
        2. tld文件中声明新的属性
        3.重载输出函数将新属性打印出来

分享到:
评论

相关推荐

    struts中ec标签的使用

    它可以在页面上迭代显示数据,可以与&lt;ec:table&gt;结合使用,也可以独立使用来创建自定义布局。 4. **&lt;ec:column&gt;**:作为&lt;ec:table&gt;的一部分,用于定义表格列的样式和行为。可以设置列的标题、是否可编辑、排序方式等...

    struts ec标签的使用

    为了增强用户交互体验,可以使用 `&lt;ec:row&gt;` 标签并设置 `highlightRow="true"` 来实现鼠标悬停时行高亮的效果。默认情况下,`highlightRow` 的值为 `false`,即不启用行高亮。 示例代码如下: ```xml &lt;ec:table ...

    ec标签使用实例 doc文档

    在提供的文档实例中,我们主要看到的是`&lt;ec:table&gt;`、`&lt;ec:exportXls&gt;`和`&lt;ec:row&gt;`标签的使用,它们分别用于构建表格、导出Excel以及定义表格行的行为。 1. `&lt;ec:table&gt;`标签:这是EC标签库中的核心组件,用于创建...

    ec属性 ec:table ec:column

    ### 关于EC属性详解:`ec:table`与`ec:column` 在现代网页开发中,EC框架(这里假设EC代表某个具体框架)提供了一系列强大的工具来帮助开发者快速构建复杂的数据展示界面。其中,`ec:table`作为该框架的核心组件之...

    EC的功能介绍.ppt

    2. Micro-Processor:EC 使用 8032TT 微处理器,具有 Pipeline 架构、1T 指令集和低功耗特点。 3. Shared Flash Memory 64KB with system ROM:EC 共享 64KB 的 Flash 存储器与系统 ROM。 4. 2 SMBus Channels:EC ...

    ec标签在struts2.0中的使用

    首先,`ec:table`标签是核心组件,用于展示数据集合。在示例中,`items`属性指定了要显示的数据集合,`var`属性定义了遍历集合时的迭代变量名,`imagePath`则用于设置图片路径,`action`用于处理表格的请求,而`...

    Struts的EC标签

    EC标签的使用及学习, Dojo工具包可以使用的API,我们考察一个简单的应用,看看在实际开发中如何使用这个库的各个部分。 我们将会讨论: • Dojo是什么? • 如何设置Dojo • 实际使用DOM和HTML效果 • 通过dojo.io....

    ec-canvas动态加载

    这种情况下,使用EC-Canvas的动态加载功能可以避免一次性加载大量资源,降低页面初始化时间。 2. **按需加载**:EC-Canvas支持按需加载图表类型。例如,如果一个页面只使用柱状图和饼图,可以只加载这两种图表的...

    Quectel_EC20_R2.1_AT_Commands_Manual_V1.0(EC20模块指令集)

    该手册涵盖了EC20模块使用AT命令进行通信的所有核心知识,旨在帮助开发者和工程师有效地控制和配置这个4G LTE模块。以下是对这份文档主要内容的详细介绍: 1. **AT命令基础**:AT命令是串行通信中的标准协议,用于...

    最完整的EC组建工程源代码

    2. **JAVA组件编程**:EC组件的使用需要掌握JAVA的基础知识,包括类、对象、接口等概念。开发者需要理解如何在JAVA中创建和操作组件,以及如何将这些组件集成到应用程序中。 3. **表格处理**:EC库中的表格组件是其...

    ECAS 系统介绍.pdf

    5. 提升控制速度:ECAS系统使用了大截面的进气口,使得所有的控制过程变得迅速。这种快速响应能力对于确保悬架系统能及时适应路面变化,提高驾驶安全性具有重要作用。 6. 多功能设置:通过参数设置,ECU可以实现...

    EC Shop V2.71

    3. **MySQL数据库**:通常,EC Shop会与MySQL数据库配合使用,MySQL是一款流行的开源关系型数据库管理系统,它能提供快速的数据存储和检索,支持大规模数据处理,适合电商网站的高并发访问需求。 4. **模板引擎**:...

    EC20 使用TCP透传模式通讯.rar

    在本文中,我们将深入探讨如何在STM32F4系列微控制器上使用EC20进行TCP透传模式通信,并建立一路SOCKET发送数据。TCP(Transmission Control Protocol)是一种面向连接的、可靠的传输协议,常与IP协议配合使用,构成...

    mina-ec2:使用 Mina 部署到 EC2 实例,使用标签查找机器

    米娜EC2 使用部署到多个 EC2 实例的助手库安装添加到 gemfile: gem 'mina-ec2'添加到 config/deploy.rb require 'mina/ec2'配置AWS 凭证设置要使用的 AWS 凭证以及要部署到的区域。 set :ec2_settings, { regions: ...

    移远EC800硬件开发

    客户不得获取、使用、向第三方披露移远通信所提供的文档和信息,或对此类受版权保护的资料进行复制、转载、抄袭、出版、展示、翻译、分发、合并、修改,或创造其衍生作品。 6. 商标使用限制:除另行规定,本文档中...

    laravel-ec:EC网站使用Laravel

    拉拉韦克使用Laravel创建EC站点设置$ docker-compose up -d$ docker-compose exec php bash# バージョンを指定しない場合$ composer create-project --prefer-dist laravel/laravel ./$ docker stop $(docker ps -q)

    ITE_V12.4_Update 嵌入式控制器EC源代码

    在分析和使用ITE_V12.4_Update时,工程师可能会关注以下几个方面: 1. **电源管理**:EC在笔记本电脑的电源管理中起着核心作用,源代码将揭示如何控制CPU频率、调节电压、控制风扇速度以及管理睡眠和唤醒模式。 2....

    ec20模块说明1

    **EC20模块详解** EC20模块是Quectel公司推出的一款高性能4G LTE通信模块,主要用于提供高速数据连接和语音服务。该模块广泛应用于物联网(IoT)设备、工业自动化、车载通信以及各种移动通信设备中。在本文中,我们将...

    EC20_stm32ec20_4GSTM32EC20_EC20

    为了实现TCP/IP通信,我们需要使用EC20模块提供的PPP(点对点协议)或者更高级的TCP/IP协议栈。EC20支持PPP协议,可以作为与网络服务器通信的桥梁。通过发送适当的AT命令,STM32可以控制EC20打开TCP连接、发送数据、...

Global site tag (gtag.js) - Google Analytics