Replies: 5 comments 1 reply
|
Did you try https://htmx.org/attributes/hx-on/ ? Also it looks like you have a syntax error in your HTML? <text> <!-- tag has end '>', so hx-get attribute is outside it -->
hx-get="@Url.Action("LoadMore", new { Page = ViewData["NextPage"]})" |
1 reply
I'm using ASP.NET Core, |
|
|
0 replies
|
On click works fine: hx-on:revealed, hx-on::revealed and similars do not. |
0 replies
|
htmx:beforeProcessNode
<body>
Object { elt: body }
htmx.min.js:1:6167
htmx:beforeProcessNode
<input id="menu-search-box" class="form-control search-inpu…ed-pill form-control-sm" name="menu-search-box" hx-get="/Search" hx-trigger="input changed delay:500ms, search" hx-target="#menu-search-box-results" hx-swap="innerHTML" hx-indicator=".menu-search-indicator" type="search" placeholder="Procurar..." aria-label="Search">
Object { elt: input#menu-search-box.form-control.search-input.rounded-pill.form-control-sm }
htmx.min.js:1:6167
htmx:beforeProcessNode
<form id="languageForm" method="post" action="/Language/SetLanguage">
Object { elt: form#languageForm }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button id="language-button" class="nav-link" data-bs-placement="bottom" title="Idioma" type="submit" aria-expanded="false" data-bs-toggle="dropdown">
Object { elt: button#language-button.nav-link }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button class="dropdown-item " type="submit" name="culture" value="en-US">
Object { elt: button.dropdown-item }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button class="dropdown-item " type="submit" name="culture" value="es-ES">
Object { elt: button.dropdown-item }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button class="dropdown-item active" type="submit" name="culture" value="pt-BR">
Object { elt: button.dropdown-item.active }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button class="dropdown-item " type="submit" name="culture" value="es-MX">
Object { elt: button.dropdown-item }
htmx.min.js:1:6167
htmx:beforeProcessNode
<div class="d-flex justify-content-center mt-3" hx-get="/Notifications/Unread" hx-trigger="intersect once" hx-swap="outerHTML">
Object { elt: div.d-flex.justify-content-center.mt-3 }
htmx.min.js:1:6167
htmx:beforeProcessNode
<form id="logoutForm" action="/Account/Logout" method="post">
Object { elt: form#logoutForm }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button class="btn btn-secondary d-flex flex-center w-100" type="submit">
Object { elt: button.btn.btn-secondary.d-flex.flex-center.w-100 }
htmx.min.js:1:6167
htmx:beforeProcessNode
<form id="masterdata-form" action="/DataDictionary/Log?isModal=False" method="post">
Object { elt: form#masterdata-form }
htmx.min.js:1:6167
htmx:beforeProcessNode
<button class=" btn btn-secondary ms-1" type="submit" role="button" onclick="GridViewFilterHelper.fil…',false,);return false;">
Object { elt: button.btn.btn-secondary.ms-1 }
htmx.min.js:1:6167
htmx:beforeProcessNode
<tr id="row4" hx-trigger="revealed" htmx-on:revealed="alert('aaaa')">
Object { elt: tr#row4 }
htmx.min.js:1:6167
revealed
<tr id="row4" hx-trigger="revealed" htmx-on:revealed="alert('aaaa')" data-hx-revealed="true">
Object { elt: tr#row4 }
htmx.min.js:1:6167
htmx:trigger
<tr id="row4" hx-trigger="revealed" htmx-on:revealed="alert('aaaa')" data-hx-revealed="true">
Object { elt: tr#row4 }
htmx.min.js:1:6167
htmx:load
<body>
Object { elt: body }
htmx.min.js:1:6167 |
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
I have the following working example in prod:
But in a legacy app, for my own reasons, I want to do something like this:
Where the
paginatefunction that I don't want to change for my reasons will do the AJAX.Is it possible?
All reactions