列头筛选

需求

列表上注册 初始化列表配置（init-config）事件

const {
    gridConfig, // 列表配置
    $grid,
    $func,
} = EventOptions;

gridConfig['filter-config']={
    iconNone: 'fas fa-filter',
    iconMatch: 'fas fa-filter',
    remote:true,
}

gridConfig['onFilterChange'] = ({filterList})=>{
    const querys=[];
    filterList.forEach((item)=>{
        querys.push({code:item.field,type:"like",value:item.values[0] ||''});
    });
     $grid.setWhereSql(querys);
     $grid.reload();
}

列表上注册 初始化列配置（column-init-config）事件

const {
    column,
    $grid,
    $func,
} = EventOptions;
const {Input} = JE.useUi();
const {h,ref} = JE.useVue();
if(['GRID_ROLE','GRID_SEX'].includes(column.field)){
    column.filters=ref([{ data: '' }]);
    column.slots.filter = ({$panel, column })=>{
        const $inputView = ref();
        return h(Input,{
                ref:$inputView,
                value:column.filters[0].data,
               onChange:(value)=>{
                    column.filters[0].data = value;
                    column.filters[0].value = value;
                    $panel.changeOption($inputView.value, !!column.filters[0].data, column.filters[0])
                },
            })
    }
}