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

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

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

进入正题

生成表格需要的属性

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

 

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

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

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

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

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

bean里面是这样的

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

属性名要和前端的一样

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

在controller返回的是这样的

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

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

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

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

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

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

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

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

 

 

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

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

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

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

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

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