要定义一个扩展,您需要调用 htmx.defineExtension() 函数:
<script>
htmx.defineExtension('my-ext', {
onEvent : function(name, evt) {
console.log("Fired event: " + name, evt);
}
})
</script>
通常,这是在一个独立的 JavaScript 文件中完成的,而不是在行内的 script 标签中。
扩展应该使用连字符分隔的名称,这些名称应该合理简短且具有描述性。
扩展可以覆盖以下默认扩展点,以添加或更改功能:
{
init: function(api) {return null;},
getSelectors: function() {return null;},
onEvent : function(name, evt) {return true;},
transformResponse : function(text, xhr, elt) {return text;},
isInlineSwap : function(swapStyle) {return false;},
handleSwap : function(swapStyle, target, fragment, settleInfo) {return false;},
encodeParameters : function(xhr, parameters, elt) {return null;}
}