ReSQL.ru
     
powered by simpleCommunicator - 2.0.41     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Blazor + Bootstrap
8 сообщений из 8, страница 1 из 1
Blazor + Bootstrap
    #39946270
Фотография Renziglov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Renziglov
Участник
Привет.
Как заставить работать Bootstrap в типичном Blazor "Hello World" приложении?
_Host.cshtml без изменений:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BlazorApp1</title>
    <base href="~/" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
    <link href="css/site.css" rel="stylesheet" />
</head>



Разметка, которую я хочу заставить работать:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div class="btn-group">
    <button type="button" class="btn btn-info">First Name</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Sort ASC</a></li>
        <li><a href="#">Sort DESC</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>



Отображается хорошо, но никакого дробдауна при клике на caret не происходит.
Чего не хватает?
Спасибо.










"
...
Рейтинг: 0 / 0
11.04.2020, 23:41
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39946399
Агнец за бортом
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Агнец за бортом
Участник
Renziglov,

А хде уот эта?

Код: html
1.
2.
3.
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
...
Рейтинг: 0 / 0
12.04.2020, 20:11
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39946411
Фотография Renziglov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Renziglov
Участник
Агнец за бортом,

Это, кстати, тут:

https://forums.asp.net/p/2165887/6300603.aspx?Blazor and Bootsrap functionality

И чо? Ты хочешь, чтоб я подписался на Blazorise? С какой стати? Три дополнительные лицензии + три ссылки, ведущие моих клиентов неизвестно куда. Это не решение. Мне нужен Bootstrap.min.js + jQuery.min.js, работающие в Blazor.
...
Рейтинг: 0 / 0
12.04.2020, 20:34
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39946436
fkthat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
fkthat
Участник
Осмелюсь выдвинуть гипотезу, что из-за того, что контент создается динамически на клиенте, не аттачатся правильно обработчики событий. Я бы попробовал покопать в эту сторону . (Хотя, конечно, это немного костыльно). А вообще эта комбинация Blazor + JavaScript не особо понятна, если речь о клиентском блазоре - там же и так весь код на клиенте, нафига еще жаваскрипт с жквери? Был бы вместо блазора у тебя ангуляр - было бы, по сути, то же самое.
...
Рейтинг: 0 / 0
12.04.2020, 22:23
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39946447
Агнец за бортом
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Агнец за бортом
Участник
Renziglov
Ты хочешь, чтоб я подписался на Blazorise? С какой стати?


Да мне вообще по}{ер. У меня нет проблем написать клиента на современном JS + удобный fw.

А если у тебя в проекте проблема подключить Bootstrap.min.js; то проблемы либо у тебя между ушами, либо в супер-дупер блазоре. Выбирай.

Дальше будет хуже.
...
Рейтинг: 0 / 0
12.04.2020, 23:00
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39946459
fkthat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
fkthat
Участник
Агнец за бортом

Да мне вообще по}{ер. У меня нет проблем написать клиента на современном JS + удобный fw.

А если у тебя в проекте проблема подключить Bootstrap.min.js; то проблемы либо у тебя между ушами, либо в супер-дупер блазоре. Выбирай.

Дальше будет хуже.

Мы уже фигачим пару некритичных аппликух на блазоре - смотрится неплохо. К нему бы запилить что-нибудь типа Prism - будет вообще отлично. Хоть можно будет забыть про ущербный от рождения JS с его "удобными fw".
...
Рейтинг: 0 / 0
13.04.2020, 00:28
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39946460
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Renziglov,

Чёт похоже на притчу про жабу и гадюку.
Вы может уже определитесь, вам нужен блейзор или js.
...
Рейтинг: 0 / 0
13.04.2020, 00:30
| Ответить | Цитировать | Написать  
Blazor + Bootstrap
    #39947129
Агнец за бортом
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Агнец за бортом
Участник
fkthat
Хоть можно будет забыть про ущербный от рождения JS с его "удобными fw".


Фло разный. Понимать надо.
...
Рейтинг: 0 / 0
14.04.2020, 18:52
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Blazor + Bootstrap
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=18&fpage=8&tid=1354743]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 26ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 13ms
total:  124ms
созд. / загр.: 124ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]