list动态过滤

wex5gz

现在想通过button的click来控制list的过滤，写代码如下：
  Model.prototype.button3Click = function(event){
          var list = this.comp("plist");
          list.set("filter", "Pcategory = '+'苹果'+'");
          list.refresh();
但点击button时候，list不产生过滤。请教下代码如何更改呢？
list下绑定的baasdata数据pcategory字段值为汉字“苹果”等文字。

liangyongfei

list不能这样通过set方法设置filter
你可以给list的filter属性 设置为绑定一个js方法，在js方法中返回符合条件的数据（return true）
关于filter的条件，你需要定义一个ko变量 只要修改这个ko变量的值，filter就会重新执行一次
关于list的filter属性设置，可以参考：http://wex5.com/cn/web-components-list/
关于ko对象的介绍，参考：http://doc.wex5.com/?p=2986

wex5gz

按照第一个链接里的方法：
set
void set(name, val) 设置组件的非只读属性，参考：组件属性

例：

//代码设置filter后需要主动调用list.refresh()
var list = this.comp(“list1”);
list.set('filter','fAge<20');
list.refresh();
这个方法行不通吗？

sanren_mark

直接过滤list所绑定的data不也行吗？
                var userData = this.comp("userData");
                userData.setFilter("usernamefilter", "user_name = '" + this.getElementByXid("loginName").value + "'");
                userData.refreshData();
这样list的值就直接过滤了，你试试看啊 ，我也是刚刚开始学习x5.

wex5gz

有没有相关代码示例参考下呢？thks

liangyongfei

wex5gz 发表于 2016-2-1 19:41
按照第一个链接里的方法：
set
void set(name, val) 设置组件的非只读属性，参考：组件属性

这个链接就有案例
http://wex5.com/cn/web-components-list/
在filter属性设置为：$model.age20($row)

在自己的js中这样写：
Model.prototype.age20 = function(row){
                return row.val('fAge')>20;
        };

如果想设置成动态的filter,可以定义一个ko对象，
比如：this.type= justep.Bind.observable('1');

这个时候，js改成这样
Model.prototype.age20 = function(row){
                if(this.type.get() == '1'){
                return row.val('fAge')>20;
                }               
                esle if(this.type.get() == '2'){
                return row.val('fName') =='张三';
                }
                。。。。
        };

这个时候，你只要在js中修改this.type的值，就可以控制filter绑定的js方法
比如this.type.set('2')
这个时候过滤条件就变成fName 等于   张三  了

wex5gz

谢谢