`

EcsideECSide标签属性说明

阅读更多
js函数说明
tag属性说明
properties文件说明
用例演示


此处暂时只列出部分属性说明,更多的可以参见原版ec的文档(圈子里有下载)




原版ec里不再被支持的属性:  
imagePath  
showPagination  
form 这个肯定有人有意见,但是提供另外的方法间接实现需要的功能.  

form属性原先的目的是,可以让你把ectable包含在一个已经存在的表单内.  
但是现在的思路是需要你把 那个已经存在的表单里的信息加入到ectable的form内.  
(使用 <ec:extend location="top/bottom>....</ec:extend> ")  
这么做可能显得霸道些,但是没有办法,目前很多地方要求必须这么做,因为ecside最终生成的form相对复杂.  
不过,我总的建议还是不要把ec:table 和别的过多的与ectable无关的表单混合使用.  
一个页面里完全可以使用多个表单. 




<ec:table>标签部分属性说明

◆ 属性: tableId
描述: 
设置列表的唯一标识,默认为"ec",当一个页面内有多个ECSIDE列表时,必须为每个列表指定不同的tableId.

◆ 属性: theme
描述: 
设置列表的风格所使用的主题. 默认为ecside.

◆ 属性: generateScript
描述: 
是否自动生成ECSide所需的js脚本. 可选 true/false ( 默认:true )

◆ 属性: useAjax
描述: 
是否使用ajax技术进行翻页、过滤、排序等操作. 可选 true/false ( 默认:true )

◆ 属性: doPreload
描述: 
是否使用预读取技术. 可选 true/false ( 默认:true )

◆ 属性: classic
描述: 
是否使用传统的简单列表. 可选 true/false ( 默认:false )

◆ 属性: autoIncludeParameters
描述: 
是否开启"自动保留"特性.翻页 过滤 排序时当前页的表单域将以hidden input的形式被保留(传递到新页面). 可选 true/false ( 默认:true ) 
关于此项的更多说明可参见原版ec手册

◆ 属性: includeParameters
描述: 
在关闭"自动保留"时,希望被自动保留的表单域的标示,支持多个,用","分割

◆ 属性: excludeParameters
描述: 
在开启"自动保留"时,希望不被自动保留的表单域的标示,支持多个,用","分割

补充:
如果理解了 autoIncludeParameters 的用处 就不难理解以上两个属性的用处了
注意: excludeParameters 比 includeParameters 有更高的优先级 
即 excludeParameters="a" includeParameters ="a" 时 a仍然将被排除
建议尽量使用 excludeParameters 不要使用 includeParameters ,除非你非常明确自己要包含的东西。
includeParameters 使用不当会使你忘记包含一些必须包含的东西.

excludeParameters="表单属性名称1,表单属性名称2"    (表单属性名称不能含有半角的逗号)
includeParameters="表单属性名称3,表单属性名称4"


◆ 属性: toolbarContent
描述: 
设置工具条要显示的内容,以及各个元素的前后位置. 
默认状态是 toolbarContent="navigation|pagejump |pagesize|refresh save add del|export|extend|status"
例子    toolbarContent="pagejump|navigation|export|extend|status"
此时 工具条将不显示"页面行数调整"框和"刷新 保存 增删按钮" 同时顺序也会和默认的发生变化

navigation 导航条 
pagejump 页面跳转
pagesize 页面行数设置
refresh 刷新当前页
save 保存列表记录
add 添加记录
del 删除记录
export 导出按钮区
extend 自定义扩展区
status 数据信息区
◆ 属性: toolbarLocation
描述: 
设置工具条要显示的位置(列表的上面还是下面). 可选top/bottom/none, 默认top.

◆ 属性: paginationLocation
描述: 
同toolbarLocation.

◆ 属性: rowsDisplayed
描述: 
设置每页显示的默认记录条数.

◆ 属性: pageSizeList
描述: 
设置调整"每页记录数"的下拉框内的候选值.
例如: pageSizeList="10,20,50,100,1000,2000,all"
其中的all为增加全部显示功能。
例子   pageSizeList="10,20,50" 
此时列表里将只显示 10 20 50供选择
max:数字 特性 :
pageSizeList="max:200,10,15,30,50,100,all" 
如果 10--100以及all中,某一项大过了max的200则 不在列表中显示。
也可以只使用pageSizeList="max:200" 此时将 使用默认设置,并用max限制。

◆ 属性: nearPageNum
描述: 
设置"邻近页导航"的前后区间范围

◆ 属性: maxRowsExported
描述: 
设置导出和打印操作所允许的最大记录条数

◆ 属性: resizeColWidth
描述: 
是否允许调整列宽. 可选 true/false ( 默认:true )

◆ 属性: minColWidth
描述: 
设置调整列宽时,任意一列所允许的最小宽度

◆ 属性: height
描述: 
设置列表的高度.

◆ 属性: minHeight
描述: 
设置列表的最小高度

◆ 属性: xlsFileName
描述: 
设置导出xls的文件的文件名. 不指定时为不允许导出xls文件

◆ 属性: pdfFileName
描述: 
设置导出pdf的文件的文件名. 不指定时为不允许导出pdf文件

◆ 属性: csvFileName
描述: 
设置导出csv的文件的文件名. 不指定时为不允许导出csv文件 
◆ 属性: showPrint
描述:
是否显示打印按钮. true/false.

◆ 属性: action
描述: 
列表执行翻页 过滤 排序等操作时所要提交的ACTION

◆ 属性: insertAction
描述: 
可编辑列表时,插入数据所要提交的ACTION

◆ 属性: updateAction
描述: 
可编辑列表时,更新数据所要提交的ACTION

◆ 属性: deleteAction
描述: 
可编辑列表时,删除数据所要提交的ACTION

◆ 属性: shadowRowAction
描述: 
显示shadowRow时所要提交的ACTION

◆ 属性: editable
描述: 
是否开启可编辑列表功能.

◆ 属性: sortable
描述: 
是否允许对列表进行按列排序

◆ 属性: filterable
描述: 
是否开启过滤功能.


◆ 属性: title
描述: 
设置列表的标题,该标题将显示在列表的上方.

◆ 属性: showTitle
描述: 
是否显示列表的title.

◆ 属性: style
描述: 
设置列表的table的style,相当于html里的style.

◆ 属性: styleClass
描述: 
设置列表的table的style class,相当于html里的class.

◆ 属性: items
描述: 
设置要展现的数据对应的集合在内存中存放时使用的名字

◆ 属性: var
描述: 
设置指向数据迭代中的当前记录所对应的bean的变量的名称.

◆ 属性: locale
描述: 
设置列表的本地化信息. 例如 fr_FR 将使列表使用法文方式显示(前提是已经正确提供相关资源文件).

◆ 属性: interceptor
描述: 
自定义列表拦截器.值为对应的拦截器的实现.
该拦截器可用来添加或修改列表的属性
◆ 属性: retrieveRowsCallback
描述: 
指定列表所使用的分页机制.值可以是自定义的完整的callback类名,也可以是在properties文件内指定的简称

◆ 属性: filterRowsCallback
描述: 
指定列表所使用的过滤机制.值可以是自定义的完整的callback类名,也可以是在properties文件内指定的简称

◆ 属性: sortRowsCallback
描述: 
指定列表所使用的排序机制.值可以是自定义的完整的callback类名,也可以是在properties文件内指定的简称

关于以上三个属性的使用请见"ECSide列表的RowsCallback机制"文档.

◆ 属性: width
描述: 
指定列表的宽度.相当于<table>的width属性

◆ 属性: listWidth
描述: 
Specify the location of pagination bar . Acceptable values are up or down.

◆ 属性: listHeight
描述: 
Specify the location of pagination bar . Acceptable values are up or down.

◆ 属性: height
描述: 
指定列表的高度.相当于<table>的height属性.当值为"auto"时,列表高度将随着列表内容自动调整.
只有在非classic模式下才有效.

◆ 属性: excludeTool
描述: 
Specify whether or not to show the rows displayed bar . Acceptable values are "true" or "false".

◆ 属性: showHeader
描述:
是否显示列表表头.


===========================================================

<ec:row>标签

◆ 属性: rowId
描述: 
列表的行的id,对应<tr>的id属性.

◆ 属性: recordKey
描述: 
行所对应的记录的唯一主键值,主要用于gird列表的删改

◆ 属性: highlightRow
描述: 
鼠标经过某行时,该行是否变色.

◆ 属性: selectlightRow
描述: 
鼠标点击某行时,该行是否变色.

◆ 属性: interceptor
描述: 
自定义行拦截器.值为对应的拦截器的实现.
该拦截器可用来添加或修改行的属性

◆ 属性: ondblclick
描述: 
定义鼠标双击事件.相当于<tr>的ondblclick事件

◆ 属性: onclick
描述: 
定义鼠标的单击事件.相当于<tr>的onclick事件

◆ 属性: onmouseout
描述: 
定义鼠标的onmouseout事件.相当于<tr>的onmouseout事件

◆ 属性: onmouseover
描述: 
定义鼠标的onmouseover事件.相当于<tr>的onmouseover事件

◆ 属性: style
描述:
相当于<tr>的style.

◆ 属性: styleClass
描述: 
相当于<tr>的class.

<ec:extend>标签
具体的内容可以是任何合法的HTML代码
◆ 属性: location
描述: 
在什么位置添加扩展内容. 
top: 列表上方(在列表外部)
bottom: 列表下方(在列表外部)
留空: 工具条的 extend扩展区

<ec:extendrow>标签
扩展一行.具体的内容可以是任何合法的<tr>相关的HTML代码

◆ 属性: location
描述: 
在什么位置添加扩展内容. 
bottom: 列表内部的下方,和列表内容主体在一个<table>内
留空: 同上




===========================================================

<ec:column>标签

◆ 属性: columnId
描述: 
单元格的id,相当于<td>的id属性


◆ 属性: title
描述: 
列在列表表头里显示的名称.

◆ 属性: property
描述: 
指定该列所对应的列表bean(map)的属性(key).

◆ 属性: alias
描述: 
列的别名.

◆ 属性: value
描述: 
列的数值.默认为当前行当前列对应的列表bean(map)的属性的值.


◆ 属性: viewsAllowed
描述: 
指定当前列将在那些视图中被显示,可选项为:html xls csv pdf print
分别对应于页面展现,导出,打印

◆ 属性: viewsDenied
描述: 
指定当前列将在那些视图中被隐藏,可选项为:html xls csv pdf print
分别对应于页面展现,导出,打印

◆ 属性: tipTitle
描述: 
单元格的提示信息,,相当于<td>的title属性


◆ 属性: group
描述: 
是否对当前列进行编组. true/false.


◆ 属性: resizeColWidth
描述: 
是否允许调整该列的列宽
table为classic时无效

◆ 属性: minWidth
描述: 
允许调整列宽时,该列所允许的最小宽度,单位像素.

◆ 属性: sortable
描述: 
是否允许对该列进行排序.

◆ 属性: filterable
描述: 
是否允许对该列进行过滤操作.


◆ 属性: editable
描述: 
单元格是否允许编辑.

◆ 属性: cellValue
描述: 
单元格对应的值,详见"ECSide可编辑列表的使用指南"

◆ 属性: editTemplate
描述: 
编辑时,所使用的模板名称,详见"ECSide可编辑列表的使用指南"

◆ 属性: editEvent
描述: 
进入编辑转台所使用的页面事件,默认为双击,详见"ECSide可编辑列表的使用指南"


◆ 属性: mappingItem
描述: 
实现单元格的值,与显示的内容的映射.mappingItem的值为进行映射所使用的map在内存中存放的名称


◆ 属性: calc
描述: 
指定列所使用的统计方式.值可以是自定义的完整的calc类名,也可以是在properties文件内指定的简称,多个之间用","分割.
自带的统计有两种total(求和)与average(求平均值).


◆ 属性: calcTitle
描述: 
指定列所使用的统计方式所对应的统计名称,例如合计,平均等等.多个之间用","分割.


◆ 属性: calcSpan
描述: 
统计行的统计名称单元格所占用的列数.相当于<td>的colspan属性


◆ 属性: cell
描述: 
指定列表内该列所使用的cell的实现类.值可以是自定义的完整的cell类名,也可以是在properties文件内指定的简称

◆ 属性: interceptor
描述: 
自定义列拦截器.值为对应的拦截器的实现.
该拦截器可用来添加或修改列的属性


◆ 属性: escapeAutoFormat
描述: 
是否不进行自动格式的转换.


◆ 属性: format
描述: 
The format to use for the cell. For instance if used with a date cell then the format can be MM/dd/yyyy.


◆ 属性: parse
描述: 
Used if the format needs to be interpreted. For instance, a date needs to be parsed in the specific format, such as MM-dd-yyyy.


◆ 属性: ondblclick
描述: 
定义鼠标双击事件.相当于<td>的ondblclick事件


◆ 属性: onclick
描述: 
定义鼠标的单击事件.相当于<td>的onclick事件


◆ 属性: onmouseout
描述: 
定义鼠标的onmouseout事件.相当于<td>的onmouseout事件

◆ 属性: onmouseover
描述: 
定义鼠标的onmouseover事件.相当于<td>的onmouseover事件

◆ 属性: style
描述:
相当于<td>的style.


◆ 属性: styleClass
描述: 
相当于<td>的class.


◆ 属性: width
描述: 
设置列的宽度.相当于<td>的width属性

◆ 属性: nowrap
描述: 
设置列的宽度.相当于<td>的nowrap属性



===========================================================

<ec:parameter>
为列表所在表单添加属性.属性将以<input type=hidden name= value=>形式加入到form内

◆ 属性: name
描述: 
属性的名字

◆ 属性: value
描述: 
属性的值



===========================================================

<ec:attribute>标签
为它的外层标签增加扩展属性.
该标签的设计思想来源于xlst里的 <xls:attribute>标签.
看看 <xls:attribute>标签.的说明和示例可以更好的帮助您理解<ec:attribute>


===========================================================

<ec:options>
帮助生成<select>的option项.

◆ 属性: items
设置要转换成option项的map在内存中存放时使用的名字

◆ 属性: defaultKey
默认的选项

◆ 属性: tagAttributes
其他扩展的html标签内的属性
 


  


  
分享到:
评论

相关推荐

    Crawlee - 一个用于 Python 的网页抓取和浏览器自动化库,用于构建可靠的爬虫 提取 AI、LLM、RAG 或 GPT 的数据 从网站下载 HTML、PDF、JPG、PNG

    Web scraping and browser automation librarylee 涵盖了端到端的抓取和爬取,并帮助您快速构建可靠的爬取工具。 Crawlee for Python 向早期采用者开放!即使使用默认配置,您的爬虫程序看起来也几乎像人类一样,并且不会受到现代机器人保护的监视。Crawlee 为您提供了工具,让您可以抓取网络上的链接、抓取数据并以机器可读的格式持久存储数据,而无需担心技术细节。而且,由于配置选项丰富,如果默认设置不适用,您可以调整 Crawlee 的几乎任何方面以满足您的项目需求。在Crawlee 项目网站上查看完整的文档、指南和示例我们还有一个 TypeScript 实现的 Crawlee,您可以探索并利用它来完成您的项目。请访问我们的 GitHub 存储库,获取有关GitHub 上 JS/TS 的 Crawlee 的更多信息。安装我们建议您访问Crawlee 文档中的简介教程以获取更多信息。Crawlee 可作为crawleePyPI 软件包使用。核心功能包含在基础软件包中,其他功能作为可选附加功能提供,以最大限度地减少软件包大小和依赖项。要安装

    用AWLUM进行灰色编码2^2n-QAM调制的精确率Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

    Simple Run Blocker -应用上锁工具

    Simple Run Blocker -应用上锁工具

    基于springboot的库存管理系统的设计与实现

    基于springboot+vue的网上零食销售商城。适用于计算机类毕业设计,课程设计参考与学习用途。 系统设计考虑了企业在库存管理中的各种需求,提供了包括用户管理、商品管理、库存监控、订单处理、数据分析、客户关系维护以及系统安全与配置在内的核心功能模块。用户管理模块支持用户信息的增删改查以及角色和权限的分配,确保了系统的安全性和多级管理的便捷性。商品管理模块允许轻松录入和更新商品信息,自动化记录库存变动,为库存优化提供了数据支持。订单管理模块覆盖了订单的整个生命周期,从创建到发货再到退货,每个环节都得到了精细化管理。报表统计模块通过生成各类报表,为决策提供了数据支撑。客户管理模块则侧重于维护客户信息和购买历史,以便更好地服务客户。最后,系统设置模块允许管理员根据业务需求调整系统参数。整个系统的设计旨在帮助企业提升库存管理的效率和精确度。本文研究成果为企业提供了一套完备的库存管理解决方案。 关键词: 库存管理;Spring Boot;Vue.js;系统设计;数据库

    java面向对象 - 类与对象.doc

    java面向对象 - 类与对象 在Java编程语言中,面向对象编程(OOP)是一个核心概念。它强调以对象作为程序的基本单位,并将相关的数据和功能封装在对象中。类和对象是Java OOP的两个关键组成部分。 ### 类(Class) 类是一个模板或蓝图,它定义了对象的属性和行为。我们可以将类视为对象的类型或种类。通过类,我们可以创建(实例化)具有特定属性和行为的对象。 类的组成部分通常包括: 1. **成员变量**(属性):用于存储对象的状态或数据。 2. **方法**(行为):定义了对象可以执行的操作或功能。 3. **构造方法**:一种特殊类型的方法,用于在创建对象时初始化其状态。 4. **块**(如静态块、实例初始化块):用于执行类级别的初始化代码。 5. **嵌套类**:一个类可以包含其他类,这被称为嵌套或内部类。 ### 对象(Object) 对象是类的实例。它是根据类模板创建的具体实体,具有自己的状态和行为。每个对象都是其类的一个唯一实例,可以访问其类中定义的属性和方法。 创建对象的过程通常涉及以下几个步骤: 1. **声明**:指定对象的类型(即其所属的类

    雷达阵列天线的方向图,有结果截图,适合于初学者matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

    Notepad-v2.20工具,是替代Notepad++的首选工具

    Notepad-v2.20工具,是替代Notepad++的首选工具

    项目管理软考基础知识点和冲刺要点.pdf

    项目管理软考基础知识点和冲刺要点

    月色场景嫦娥弹琴flash动画.zip

    月色场景嫦娥弹琴flash动画.zip

    具有恒定相对挥发度的标准双组分蒸馏塔模型 matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

    ECharts柱状图-极坐标系下的堆叠柱状图2.rar

    图表效果及代码实现讲解链接:https://blog.csdn.net/zhangjiujiu/article/details/143997013

    原生js模仿新浪微博发布评论代码.rar

    原生js模仿新浪微博发布评论代码.rar

    重力排水罐物质平衡模型及实验结果 matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

    音频过滤器 GUI Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

    商务喷气机的 μ-合成自动着陆控制器Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

    宏观数经济学期末考试试卷解析-经济管理-教学资料

    内容概要:本文档提供了对外经济贸易大学20XX-20XX学年第X学期《宏观经济学》期末考试的试卷,涵盖了单项选择题、名词解释、简答题和论述题,旨在测试学生对宏观经济学基础知识和理论的理解及应用能力。试题内容涉及国内生产总值、边际消费倾向、通货膨胀、财政政策、货币政策等多个概念及其政策意义。 适合人群:对外经济贸易大学或类似院校的学生,尤其是修读《宏观经济学》课程的学生,教师也可作为教学参考资料。 使用场景及目标:①帮助学生全面掌握《宏观经济学》的基础知识点,为考试复习做准备;②教师可用作课堂教学材料或考试命题的参考;③研究机构研究人员可借鉴试卷内容进行相关课题研究。 其他说明:试卷难度适中,题目覆盖面广,既考查学生的记忆能力,也强调理解和分析能力。

    数据库基本内容讲解和操作

    数据库基本内容讲解和操作

    计算机二级考试选择题练习模拟题70道及答案.doc

    计算机二级考试选择题练习模拟题70道及答案 所看及所得 内容有生成式AI自动出题并解析答案 欢迎爱学习的朋友下载

    c++语言编程用遗传算法解决背包问题的源代码

    背包问题的求解。本资源是c++语言编程用遗传算法解决背包问题的源代码。代码可以自己设置物品的数量、种群的大小。进化次数、交叉概率、变异概率等参数。背包问题是给定一组物品,每个物品都有一个重量和一个价值,确定在不超过背包最大载重量的情况下,应该选择哪些物品,使得这些物品的总价值最大。

    中创建系统级简化参数化铰接式机器人模型 matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手

Global site tag (gtag.js) - Google Analytics