https://www.ag-grid.com/vue-data-grid/component-filter/
https://www.ag-grid.com/vue-data-grid/vue3-script-setup/ 我是我的自定义过滤器组件booleanfilter.vue:
<template>
<div class="ag-filter">
<div>
<div class="ag-filter-body">
<label class="radio-option">
<input type="radio" name="value" value="True" v-model="state.value" @change="updateFilter">
{{ t('Global.True') }}
</label>
<label class="radio-option">
<input type="radio" name="value" value="False" v-model="state.value" @change="updateFilter">
{{ t('Global.False') }}
</label>
<label class="radio-option">
<input type="radio" name="value" value="" v-model="state.value" @change="updateFilter">
Clear
</label>
</div>
</div>
</div>
</template>
<script setup>
const { params } = defineProps();
const { field } = params.colDef;
const state = reactive({
value: ''
});
const isFilterActive = () => {
return state.value !== '';
}
const updateFilter = (value) => {
params.filterChangedCallback();
}
const doesFilterPass = (params) => {
return params.data[field] == state.value;
}
const getModel = () => {
if (state.value === '') {
return undefined;
}
return {
filter: state.value,
type: 'equals'
}
}
const setModel = (model) => {
if (model !== null) {
state.value = model.filter;
}
}
</script>
我的问题:Vite的树木摇动从此Ag-Grid扩展文件中删除了假阳性方法。 IsfilterActive,SetModel,GetModel等在生产制造中摇晃去除。 如何仅禁用三个文件?
一种方式是参考函数,例如:
defineExpose