找回密码
 立即注册

QQ登录

只需一步,快速开始

alexyui 悬赏达人认证 活字格认证

银牌会员

29

主题

665

帖子

2970

积分

银牌会员

积分
2970

活字格高级认证悬赏达人活字格认证

alexyui 悬赏达人认证 活字格认证
银牌会员   /  发表于:2022-5-9 14:17  /   查看:2742  /  回复:4
本帖最后由 alexyui 于 2022-5-9 14:29 编辑

因为https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=146363&extra=page%3D1&page=1昨天我分享了一些关于layui数据表格的demo,有格友私信我让我写一个教程,但是实际上我真没做啥呀。。。导两个链接?写个服务端命令接口?写一个标签js渲染(这渲染代码还是api文档里抄的。。数据是自己的而已)?
第一步:导入js和css文件,我这边图方便就用的cdn,你也可以自己去下载了导入

image.png68944396.png
第二步:写服务端命令的接口,其实只要注意返回值和请求方法就行

image.png303120726.png image.png97585753.png
第三步:选择你要放报表的位置,合并单元格,并且浏览器内找到id值,并通过代码$('#id值').after(`html内容`),这边需要你懂html和js的一些知识,不懂也没必要看下去了。。懂得自己去看api文档把https://layui.itze.cn/doc/index.html
最后一步:把代码中的url替换成服务端命令的接口url

image.png72600096.png
就是这里这部分:

image.png564850768.png
其他一些新增删除等逻辑,请自行研究。。。(你都能看得懂代码了,其他也不用我多说)

这边强调一下,layui已经停止维护,layui的数据表格虽然功能也比较多,但是远没有活字格自带的表格好用,活字格是个很开放的平台,理论上可以兼容大多数框架,如果你实在想用但是又不懂代码,那么建议你还是多投资投资自己,学点前端知识,超哥也是一步一步自己学习才有今天的成就,是我们所有格友学习的榜样(毕竟我自己到现在还是个菜鸡呢)。
image.png384905700.png

评分

参与人数 1金币 +100 收起 理由
Chelsey.Wang + 100 赞一个!

查看全部评分

4 个回复

倒序浏览
glacier_
中级会员   /  发表于:2022-7-12 15:11:51
沙发
感谢大佬啊,解决了我一个大问题!
回复 使用道具 举报
glacier_
中级会员   /  发表于:2022-7-12 15:36:11
板凳
大佬可否把$('#id值').after(`html内容`),这部分的设置截个图
回复 使用道具 举报
glacier_
中级会员   /  发表于:2022-7-12 16:45:46
地板
.after是活字格的方法吗?还是layui的方法?没找到出处
回复 使用道具 举报
glacier_
中级会员   /  发表于:2022-7-12 18:05:15
5#
.....大佬你藏着个tb我找了半天才找到,终于搞好了.......
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部