(资料图片)
1、第一步是在eclipse创建的Web项目指定的目录下创建一个新的静态页面PropertyGrid.html,并修改其对应的标题,如下图所示:
2、第二步:介绍EasyUI框架相关的CSS和js文件。首先介绍jquery文件,然后使用easyui JS文件,如下图所示:
3、第3步:在表体中插入PropertyGrid表,设置表的数据源、样式和数据请求方式,如下图所示:
4、第4步:写入分组属性表的数据源,编辑组件,设置名称和值,如下图所示:
5、第五步:预览静态页面,你会看到基本信息和附加信息。点击展开图标显示效果,如下图所示:
6、第六步:点击表格折叠图标,基本信息和附加信息将被折叠,说明网格表格的优点,如下图所示:
本文到此结束,希望对大家有所帮助。
关键词: