ECSIDE列表属性详解:tableId, theme, useAjax等

本文档主要介绍了`ec:table`和`ec:column`这两个属性在使用中的详细信息,以及与它们相关的配置选项,主要用于构建数据列表展示和交互功能。
`ec:table`是用于创建数据表格的一个标签,它提供了一系列的属性来定制表格的行为和样式。以下是对这些属性的详细说明:
1. **tableId**:设置表格的唯一标识,防止页面中多个`ec:table`冲突。默认值为"ec",当页面有多个列表时需设置不同的tableId。
2. **theme**:定义表格的主题风格,默认为"ecside",可以通过更改此属性来改变表格的视觉效果。
3. **generateScript**:决定是否自动生成ECSide所需的JavaScript脚本,默认为true,若关闭则需要手动引入相关脚本。
4. **useAjax**:控制表格是否使用Ajax技术进行数据的翻页、过滤和排序等操作,默认为true,启用异步交互提升用户体验。
5. **doPreload**:预读取技术开关,默认为true,预先加载一部分数据以提高响应速度。
6. **classic**:是否使用简单的传统列表模式,默认为false,设为true则禁用一些高级功能。
7. **autoIncludeParameters**:是否自动保留表单字段值,翻页时随请求一起发送。默认为true,方便用户保持筛选状态。
8. **includeParameters**:在关闭"自动保留"时,指定需要手动保留的表单字段,多个字段间用逗号分隔。
9. **excludeParameters**:在开启"自动保留"时,排除不希望随请求发送的表单字段,优先级高于`includeParameters`。
使用`excludeParameters`优于`includeParameters`,因为后者可能导致遗漏需要保留的字段。例如,`excludeParameters="表单属性名称1,表单属性名称2"`,`includeParameters="表单属性名称3,表单属性名称4"`。
10. **toolbarContent**:定义工具栏显示的内容,可以自定义按钮或其他操作项。
`ec:column`属性则用于定义表格中的列,包括列的标题、数据绑定、排序、过滤等特性。虽然具体属性没有在描述中给出,但通常包括`title`(列标题)、`property`(数据字段绑定)、`sortable`(是否可排序)等。在实际使用中,`ec:column`会与`ec:table`配合,为每一列指定具体的显示和交互行为。
总结来说,`ec:table`和`ec:column`是构建动态数据表格的关键元素,通过它们可以实现丰富的交互和自定义功能,满足不同场景下的数据展示需求。正确理解和使用这些属性能够优化用户体验,提高Web应用的性能。
11130 浏览量
2009-06-10 上传
2011-05-30 上传
106 浏览量
129 浏览量
2023-12-28 上传
527 浏览量

big_flower123
- 粉丝: 0
最新资源
- 利用SuperMap C++组件在Qt环境下自定义地图绘制技巧
- Portapps:Windows便携应用集合的介绍与使用
- MATLAB编程:模拟退火至神经网络算法合集
- 维美短信接口SDK与API文档详解
- Python实现简易21点游戏教程
- 一行代码实现Swift动画效果
- 手机商城零食网页项目源码下载与学习指南
- Maven集成JCenter存储库的步骤及配置
- 西门子2012年3月8日授权软件安装指南
- 高效测试Xamarin.Forms应用:使用FormsTest库进行自动化测试
- 深入金山卫士开源代码项目:学习C语言与C++实践
- C#简易贪食蛇游戏编程及扩展指南
- 企业级HTML5网页模板及相关技术源代码包
- Jive SDP解析器:无需额外依赖的Java SDP解析解决方案
- Ruby定时调度工具rufus-scheduler深度解析
- 自定义Android AutoCompleteTextView的实践指南