LigerUI表格通过后端SSM框架获取数据,渲染到页面上

入职一个星期,一直在与LIgerUI打交道,遇到了好多问题,自己去查看官方文档,也看不懂。现在把自己做的项目分享一下。

api地址   http://api.ligerui.com/

进入正题

生成表格需要的属性

 

我的后端是用ssm框架,springmvc接收到的方法是这样的,其中page和pagesize是当前也的页码的一页上数据的数量,方便分页。只要设置上面的page和pagesize,ligerUI会自动给你传的。

可以先测试试下,能不能收到数据。小提示:如果发送的数据是中文字符,乱码了记得设置tomcat配置文件的编码格式

成功后通过你自己写的方法得到数据。返回到前端。

注意:返回的json数据必须是以下类型,试过其他文字的格式,都不能显示数据。如果你们遇到和我一样的,可以试试

bean里面是这样的

属性名要和前端的一样

{"Rows":[{"id":"id号","nation":"汉","organ"机构名称"","realname":"名字","username":"名字"}],"Total":"1"}

在controller返回的是这样的

带箭头的是你自己要去查找的json数字和总数,我的使用list集合转为json的下面会说

前边我们说过我们得到了page和pagesize,然后我们可以封装成查询数据的start 和 end 数

这个逻辑你可以自己测试下

info就是我们得到的list集合转为json的String字符,我是通过阿里的fastJson转的,据说是最快的转换方法,牛逼轰轰~

total 就是你自己去数据库找的总数,然后按照上面我说的返回值的形式,通过你自己的测试,拼接一下字符串,就可以返回到前端啦。

 

 

但是我又有一个需求,需要改变param里面的值,我们可以写一个方法,进行设置,看图

通过以上的方法,就可以更新表格的内容啦。

如果你想更换url的值,我可以给你一个方法就是

但是这个方法我试了有bug /(ㄒoㄒ)/~~,你可以试试看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值