Vue-easyui中如何给ComboGrid添加过滤器

1，给ComboGrid绑定监听事件，将事件对象传入。文档：http://www.jeasyui.net/vue/653.html

 

@filterChange="example($event)"//绑定过滤器监听
:editable="true"//开启可编辑

　　

2，在过滤函数中为datagird添加过滤规则，注意是ComboGrid中的DataGird的属性。文档：http://www.jeasyui.net/extension/192.html

　　

example(even){
this.$refs.yourComboGird.addFilterRule(//这里用到了ref来获取有ref="yourComboGird"属性的datagird
{field: 'field',//过滤的列name

op: 'contains',//过滤方式为包含

value: even.filterValue//此时过滤器中的值
})
this.$refs.comgird.doFilter()//执行过滤
},

　　

3，添加规则后调用一次过滤，上面已经有了

 

这样用户在input中每次进行输入使得value改变时，就会触发过滤函数

总结，多查文档