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ㄒ)/~~,你可以试试看