位置: 编程技术 - 正文
推荐整理分享ligerUI---ListBox(列表框可移动的实例),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
写在前面:
对于可移动的列表框,ligerui中也对其进行了封装,可以直接照着demo拿来用,不过那都是直接在页面上静态初始化的数据,那么如何从后台获取?
前面有了对ligerui的一些组件的使用经验后,在这里其实 对于从后台获取数据在前台页面进行显示,都大同小异。也不是很难。
即要么是在ligerui组件中直接使用其url属性向后台发送请求,要么是单独发送一个ajax请求拿到数据后,通过获取组件,然后设置其data属性。嘿嘿。。
下面就直接使用url属性来发送请求吧。。。。。
前台页面:
后台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进阶之后再想起来时感觉之前的方法有点愚蠢,遂又想出这些方法
标签: ligerUI---ListBox(列表框可移动的实例)
本文链接地址:https://www.jiuchutong.com/biancheng/373274.html 转载请保留说明!友情链接: 武汉网站建设