English
list.render.after
About 123 wordsLess than 1 minute
2025-12-16
This hook is called after rendering the object table. Execute extra actions after the list is rendered.
Parameters
| Parameter | Description | Type | Optional Values | Default |
|---|---|---|---|---|
| Common list parameters | [See details](../common/Common Parameters.md) | object | — | — |
Plugin Hook Execution Result
| Parameter | Description | Type | Optional Values | Default |
|---|---|---|---|---|
| batchtermSlot | Slot for the list filter component (example) | ({wrapper: HTMLDivElement}) => ({destroy: () => void}) | — | — |
Basic Examples
Custom Filter Condition
export default class Plugin {
apply() {
return [{
event: "list.render.after",
functional: this.renderAfter.bind(this)
}]
}
async renderAfter(context, plugin) {
return {
batchtermSlot: this.renderBatchtermSlot
}
}
renderBatchtermSlot({wrapper}) {
const content = document.createElement('div');
const filterList = () => {
commonParams.filter({
conditions: [{
Comparison: 7,
FieldName: 'name',
FilterValue: 'content'
}]
});
};
content.innerHTML = 'Custom Filter Button';
content.addEventListener('click', filterList);
wrapper.appendChild(content);
return {
destroy() {
content.removeEventListener('click', filterList);
content.remove();
}
};
}
}Effect Preview

