Creating a custom tag in HTMX for Django CRM: hx-custom=’title’

Posted by

3 Django+HTMX CRM: Создаем кастомный тег в HTMX

3 Django+HTMX CRM: Создаем кастомный тег в HTMX

В этой статье мы рассмотрим создание кастомного тега в HTMX для нашего CRM на базе Django и HTMX.

Для начала определим, что такое HTMX. HTMX – это библиотека JavaScript, которая позволяет обновлять части страницы без необходимости перезагрузки всей страницы. Это особенно удобно при работе с веб-приложениями, такими как CRM системы.

Для создания кастомного тега в HTMX, мы будем использовать атрибут hx-custom=’title’. Этот атрибут позволяет нам определить собственный тег в HTMX. Например, мы можем определить тег <hx-custom> для нашего приложения.

Пример создания кастомного тега в HTMX:

        <hx-custom>
            <h2>Кастомный тег в HTMX</h2>
            <p>Это пример кастомного тега в HTMX для CRM системы на Django+HTMX</p>
        </hx-custom>
    

Теперь мы можем использовать созданный кастомный тег в нашем приложении для отображения нужной информации без перезагрузки всей страницы. Это поможет нам сделать наше приложение более динамичным и удобным для пользователей.

Создание кастомного тега в HTMX – это удобный способ добавить дополнительные функциональности к нашему CRM приложению на Django+HTMX. Мы можем определять собственные теги и обрабатывать их с помощью HTMX, что делает наше приложение более гибким и мощным.

0 0 votes
Article Rating
11 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@YGNETATEL_3000
5 months ago

А где продолжение ?

@user-zi9hw4pw9o
5 months ago

Динар, отличное начало проекта!! Очень ждем продолжения

@markfominykh
5 months ago

Видимо Динар забросил данный проект)) Жаль конечно. Так хорошо рассказывал и показывал, но видимо видео больше не будет по данному проекту.

@ioannp.5274
5 months ago

А нельзя ли поменять было title через использование команды hx-swap-oob ? Она позволяет указывать out of band элементы которые тоже можно обновлять.

@frameff9073
5 months ago

thank you

@user-km7im9he4q
5 months ago

Очень доступно, Класс!! Приятно смотреть, как человек очень просто объясняет!

@xotamxudoyberganov5847
5 months ago

eta reshit srazu 2 problemi kogda perezagrujayesh i kogda zagrujayesh cherez click

@xotamxudoyberganov5847
5 months ago

ne muchaysa i zdelay tak shtobi bilo norm “` <main class="col-md-9 ..">
<script>
document.title = "company name .. itd";
</script>
<div class="row g-3 mt-3"></div>
</main>“`

@user-ik4ky1yw2e
5 months ago

Спасибо большое! Хорошего отдыха!

@SoTer771
5 months ago

Динар, привет!
Продолжение планируется?

@noname-vz9bi
5 months ago

ура! дождался