码迷,mamicode.com
首页 > 其他好文 > 详细

primeng 中 pickList组件的使用

时间:2017-11-02 01:02:03      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:https   等等   false   初始化   list   行修改   bsp   get   数组   

primeng 是为angular 开发的一个强大的组建库,有很多强大的功能,拿来即用。但要真正满足自己的业务需求,就是按自己的需求进行修改,比如默认的样式等等。

进入正题。

技术分享

pickList 组件的功能就是实现左右两块区域内容的移动,和上下随意的位置交换,两块区域分别用两个数组存放内容。后台返回的数据可以push到左边数组中就可以显示出来。具体的实现可以看primeng 官网,https://www.primengfaces.org

技术分享

定义两个空数组,并在ngOninit中初始化这两个空数组,今天就是因为没有初始化第二个空数组,所以左边的数据往右边一移浏览器就会报错。因为没有东西接收

其次就是一些参数的意义,官网对于这些属性也做了解释,不过都是英文的,鄙人英语不好,还是在这里注释一下吧 [source]="list1" 左侧的源数据数组  [target]="list2"目标数组 [showSourceControls]="false" 不展示左边数组的上下移动按钮 filterBy好像是是否展示搜索框,其他的就先不说了,睡觉

 

primeng 中 pickList组件的使用

标签:https   等等   false   初始化   list   行修改   bsp   get   数组   

原文地址:http://www.cnblogs.com/javazxy/p/7769135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!