工作中经常碰到一种需求场景,当我们在添加数据记录的时候,其附带的一些数据需要以关联数据(在数据库中表现为关联的数据表)形式一同添加,比如在采购单录单、添加人员基本信息时需要一同填写人员的履历、经验和获奖证书等情况,而这些关联数据本身又是一条一条的记录,所以亟需一种可编辑的子表格,能方便嵌入到现有表单中。
网络上这种类似的功能插件很多,但不是太复杂就是操作太繁琐,也往往和录单本身需要的功能初心相悖,所以自己就做了一个类似的插件,以便可以重复使用。这个插件完全是用在wb前端页面的,可方便嵌入到wb应用中,考虑到时间问题,所以用了jQury实现,有点类似于asyui的datagrid,但asyui的datagrid默认不支持键盘操作和新增删除列,需要自己扩展,索性就自己单独实现一个轻量的类datagrid插件,应该说适合自己的才是最好的。
插件演示dmo演示地址
以上演示地址使用的是GitHubPags服务
插件使用严格按照如下方式建立页面结构引入jQury.js、layr.js、laydat.js、tabl.js#gitclon