- Сообщений: 88
- Спасибо получено: 0
Как создать и настроить свой веб-сервер на VDS (05 сен 2024)
Осенью самое время заняться установкой и тюнингом своего веб-сервера. Не правда ли?
Stimulus Hello controller не работает
- Вебмастер
- Автор темы
- Не в сети
- Давно я тут
Less
Больше
2 года 10 мес. назад #1
от Вебмастер
Вебмастер создал тему: Stimulus Hello controller не работает
В rails 6 после установки stimulus
не работает тестовая страница:
Code:
bundle exec rails webpacker:install:stimulus
Code:
<div data-controller="hello">
<input data-hello-target="name" type="text">
<button data-action="click->hello#greet">
Greet
</button>
<span data-hello-target="output">
</span>
</div>
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- serge
- Не в сети
- Модератор
Less
Больше
- Сообщений: 988
- Спасибо получено: 146
2 года 10 мес. назад #2
от serge
А я смогу! - А поглядим! - А я упрямый!
serge ответил в теме Stimulus Hello controller не работает
Работает. Замените содержимое файла:не работает тестовая страница
Code:
# app/javascript/controllers/hello_controller.js
import { Controller } from "stimulus"
export default class extends Controller {
static targets = [ "name", "output" ]
greet() {
this.outputTarget.textContent =
`Hello, ${this.nameTarget.value}!`
}
}
А я смогу! - А поглядим! - А я упрямый!
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- evgenij
- Не в сети
- Завсегдатай
Less
Больше
- Сообщений: 227
- Спасибо получено: 33
2 года 10 мес. назад #3
от evgenij
Have a lot of fun!
evgenij ответил в теме Stimulus Hello controller не работает
В целях проверки stimulus вы также можете установить отличную галерею... пробовал недавно:
Источник www.stimulus-components.com/docs/stimulus-lightbox
Code:
yarn add stimulus-lightbox
Code:
// Probably in app/javascript/controllers/index.js
// Load all the controllers within this directory and all subdirectories.
// Controller files must be named *_controller.js.
import { Application } from "stimulus"
import { definitionsFromContext } from "stimulus/webpack-helpers"
import Lightbox from "stimulus-lightbox"
const application = Application.start()
const context = require.context("controllers", true, /_controller\.js$/)
application.load(definitionsFromContext(context))
application.register("lightbox", Lightbox)
Code:
// In your application.js (for example)
import "controllers"
import 'lightgallery/css/lightgallery.css'
Источник www.stimulus-components.com/docs/stimulus-lightbox
Have a lot of fun!
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- Вебмастер
- Автор темы
- Не в сети
- Давно я тут
Less
Больше
- Сообщений: 88
- Спасибо получено: 0
2 года 10 мес. назад #4
от Вебмастер
Вебмастер ответил в теме Stimulus Hello controller не работает
Кстати кто-нибудь пробовал stimulus-image-grid?
github.com/leastbad/stimulus-image-grid
github.com/leastbad/stimulus-image-grid
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- Aleksej
- Не в сети
- Модератор
2 года 10 мес. назад #5
от Aleksej
Для прода неприменим, имхо.
Aleksej ответил в теме Stimulus Hello controller не работает
Да пробовали.... либа обсчитывает грид, но делает это криво, на мой взгляд.... каждый раз, зайдя на страничку, приходится ее спецом еще раз перезагружать, чтобы исправить тот или иной косяк грида. Может быть, есть какие-то css-/js- трюки, позволяющие исправить такое положение дел, но я их не знаю. А в доке разработчика по ссылке выше их нет.Кстати кто-нибудь пробовал stimulus-image-grid?
Для прода неприменим, имхо.
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- Вебмастер
- Автор темы
- Не в сети
- Давно я тут
Less
Больше
- Сообщений: 88
- Спасибо получено: 0
2 года 10 мес. назад #6
от Вебмастер
Вебмастер ответил в теме Stimulus Hello controller не работает
Для грида можно так:
Я попробую, спасибо за инфу.
Code:
.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
width: 70%;
padding-bottom: 2em;
}
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.