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

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

@filterChange="selectrowX($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改变时,就会触发过滤函数

总结,多查文档

猜你喜欢

转载自www.cnblogs.com/KKKA/p/10718797.html
今日推荐