位置: 编程技术 - 正文

ligerUI---ListBox(列表框可移动的实例)

编辑:rootadmin

推荐整理分享ligerUI---ListBox(列表框可移动的实例),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

写在前面:

对于可移动的列表框,ligerui中也对其进行了封装,可以直接照着demo拿来用,不过那都是直接在页面上静态初始化的数据,那么如何从后台获取?

前面有了对ligerui的一些组件的使用经验后,在这里其实 对于从后台获取数据在前台页面进行显示,都大同小异。也不是很难。

即要么是在ligerui组件中直接使用其url属性向后台发送请求,要么是单独发送一个ajax请求拿到数据后,通过获取组件,然后设置其data属性。嘿嘿。。

下面就直接使用url属性来发送请求吧。。。。。

ligerUI---ListBox(列表框可移动的实例)

前台页面:

后台action:

好啦,这样就成功了,当然 我这里是省略了后台如何将json数据传递到前台,因为在我写ligerui的其他组件(ligerGrid,ligerForm)的时候已经写过了,就不再重复说了

效果演示截图:(省略向左向右的移动效果图)

在不勾选数据的情况下,点击“点击”按钮,的效果图如下:

其实在移除的过程中,一开始使用的removeItems()方法,但是测试貌似不可以移除,故采用removeItem()的方法,根据id来移除。。

元素全屏的设置与监听实例 设置全屏和退出全屏//全屏设置$('#fullScreen').on('click',function(){fullScreen();});//退出全屏$('#exitFullScreen').on('click',function(){exitFullScreen();});//进入全屏functionfullS

微信小程序用户自定义模版用法实例分析 本文实例讲述了微信小程序用户自定义模版用法。分享给大家供大家参考,具体如下:1、新建一个wxml(为测试方便,这里将wxml文件建立在home目录下)/

JavaScript生成简单等差数列 题目很简单,最简单的办法就是使用for循环letarr=[]for(leti=0;ib-a+1;i++){arr.push(i+a)}returnarr进阶之后再想起来时感觉之前的方法有点愚蠢,遂又想出这些方法

本文链接地址:https://www.jiuchutong.com/biancheng/373274.html 转载请保留说明!

上一篇:微信小程序模板和模块化用法实例分析(微信小程序模板框架)

下一篇:元素全屏的设置与监听实例(元素显示模式)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络