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应用的性能。
点击了解资源详情
点击了解资源详情
115 浏览量
2009-06-10 上传
2011-05-30 上传
106 浏览量
129 浏览量
2023-12-28 上传
527 浏览量

big_flower123
- 粉丝: 0
最新资源
- HaneWin DHCP Server 3.0.34:全面支持DHCP/BOOTP的服务器软件
- 深度解析Spring 3.x企业级开发实战技巧
- Android平台录音上传下载与服务端交互完整教程
- Java教室预约系统:刷卡签到与角色管理
- 张金玉的个人简历网站设计与实现
- jiujie:探索Android项目的基础框架与开发工具
- 提升XP系统性能:4G内存支持插件详解
- 自托管笔记应用Notes:轻松跟踪与搜索笔记
- FPGA与SDRAM交互技术:详解读写操作及代码分享
- 掌握MAC加密算法,保障银行卡交易安全
- 深入理解MyBatis-Plus框架学习指南
- React-MapboxGLJS封装:打造WebGL矢量地图库
- 开源LibppGam库:质子-伽马射线截面函数参数化实现
- Wa的简单画廊应用程序:Wagtail扩展的图片库管理
- 全面支持Win7/Win8的MAC地址修改工具
- 木石百度图片采集器:深度采集与预览功能