UIListSearch（列表展示）模块试用分享

uoaccw

UIListSearch 模块封装了一个数据列表控件，可用于展示搜索到的结果。开发者可自定义列表底部的标签。列表会根据内容多少自适应显示，内容过多时可上下拖动查看。
模块文档地址：https://docs.apicloud.com/Client-API/UI-Layout/UIListSearch


通过模块文档，我们看到有5个接口，open（打开模块视图）；reloadData（刷新数据）；hide（隐藏）；show（显示）；close（关闭）。虽然这个模块没有提供直接的修改删除条目的方法，但我们依然可以利用open的回调和reloadData接口，来完成列表数据操作。

先看模块效果：

1. //对应代码段
   
2. var UIListSearch;
   
3.     apiready = function() {
   
4.         UIListSearch = api.require('UIListSearch');
   
5.         fnUIListSearch_open();
   
6.     };
   
7. 
   
8.     function fnUIListSearch_open() {
   
9.         UIListSearch.open({
   
10.             rect: {
    
11.                 x: 0,
    
12.                 y: 20,
    
13.                 w: api.winWidth,
    
14.                 h: api.frameHeight
    
15.             },
    
16.             contacts: [{
    
17.                 "remark": "张三",
    
18.                 "position": "工程师",
    
19.                 "dept_name": "研发部"
    
20.             }, {
    
21.                 "remark": "李四",
    
22.                 "position": "销售经理",
    
23.                 "dept_name": "销售部"
    
24.             }],
    
25.             labels: [{
    
26.                 icon: 'widget://image/boy.png',      //字符串类型；标签头像路径，要求本地路径（fs://、widget://）
    
27.                 title: 'C专家',                                     //字符串类型；标签的标题，不传则不显示
    
28.                 subtitle: '知识地图标签',                    //字符串类型；标签的子标题，不传则不显示
    
29.                 remark: '10人'                                  //字符串类型；标签的备注，不传则不显示
    
30.             }, {
    
31.                 icon: 'widget://image/girl.png',                  //字符串类型；标签头像路径，要求本地路径（fs://、widget://）
    
32.                 title: 'C专家',                                                //字符串类型；标签的标题，不传则不显示
    
33.                 subtitle: '知识地图标签',                               //字符串类型；标签的子标题，不传则不显示
    
34.                 remark: '10人'                                             //字符串类型；标签的备注，不传则不显示
    
35.             }],
    
36.             labelEnabled: true,
    
37.             fixedOn: api.frameName
    
38.         }, function(ret, err) {
    
39.             if (ret) {
    
40.                 alert(JSON.stringify(ret));
    
41.             }
    
42.         });
    
43.     }

复制代码

若不传labels，则只显示上半部分：



若不传contacts，则只显示labels部分：





模块样式比较固定。
头像可以使用本地图片，或网络图片下载到fs://目录后使用。
fixedOn： 通过此参数可控制模块是位于window或frame。




附件为代码包，仅供参考。应用于具体场景，大家可灵活变通。

mahayanasoft

UIListSearch，他妈的Search呢？丢啦？

阳光远景

mahayanasoft 发表于 2018-12-30 16:37
UIListSearch，他妈的Search呢？丢啦？

真是啊，操蛋的模块

jifuning

Search 呢？？