APP上自定义按钮过滤列表数据

凯特-呼丽华

APP上自定义按钮过滤列表数据
一、实现效果

自定义的按钮，过滤功能列表数据

二、实现思路
1、给功能列表添加按钮
2、注册按钮点击前事件,根据过滤条件重新请求数据,在返回给列表,重新渲染数据
三、具体操作

1. 给功能列表添加按钮

2. 注册按钮点击前事件,根据过滤条件重新请求数据,在返回给列表,重新渲染数据

四、相关代码（可选）

1. /**
   
2.     列表和表单共用，所声明的方法为全局方法，可以直接通过 方法名 或者 window.方法名 来调用
   
3.     事件注册：APP.listeners = {按钮编码:{},字段编码:{},list:{},form:{}};以下是事件名：
   
4.         按钮：beforeclick,click
   
5.         字段：reset(全部),beforequery,query(单选，多选，查询选择，树形选择，日期),beforeclick,afteredit(子功能)
   
6.         列表：itemclick,load,renderer
   
7.         表单：submit,activate,beforeactivate(参数是model，可以修改model值)
   
8. */
   
9. APP.listeners = {
   
10.     test:{
    
11.         beforeclick:function(btnCtrl,data){
    
12.             var flag = false;
    
13.             var data = [];//申明空数组
    
14.             //根据拼的条件重新ajax请求数据
    
15.             JE.ajax({
    
16.                 url:'/je/load',
    
17.                 params:{
    
18.                         tableCode:'TM_WORK',
    
19.                         j_query:JE.encode([{code:'WORK_PRODUCT_NAME',value:'自助类',type:'=',cn:'and'}])
    
20.                     }
    
21.             }).then(function(info){
    
22.                 if(info.success){
    
23.                     //因为APP中data数据只存ID数据，所以得先遍历返回的数据，将ID数据push到新申明的空数组
    
24.                     for(i = 0;i<info.rows.length;i++){
    
25.                         data.push(info.rows[i].TM_WORK_ID)
    
26.                     }
    
27.                     //将新数组的数据赋值给原来的data
    
28.                     btnCtrl.getThisList().data = data;
    
29.                     flag = true;
    
30.                 }else{
    
31.                     JE.alert('数据刷新失败');
    
32.                 }
    
33.             });
    
34.             if(!flag) return false;
    
35.         }
    
36.     }
    
37. };

复制代码

五、关键字
APP自定义按钮过滤列表数据