项目中原本是使用了easyUI,但是实际使用的过程中遇到了很多问题,一时心血来潮就自己构思了一个实现,测试没有明显的bug之后应用在了项目中。
现将其记录在这里,算是对自己姿势水平的一个记录。
要实现数据表格,必不可少的参数有二:
- 容器元素
- 数据源
对于数据表格的实现,其核心就是按行循环获取到的数据生成DOM元素并插入页面:
我们假设获取到的数据如下:
{
rows: [
{
"col1": "aaa",
"col2": "bbb",
"col3": "ccc"
},
{
"col1": "ddd",
"col2": "eee",
"col3": "fff"
}
]
}
对于这组数据我们的核心处理方法大致如下:
function DTable (contai