Я использую Grails 3.3.9.Я создал небольшую «демонстрационную» страницу для Bootstrap, которая поместила меш сайта main.sgp.В частности, последний div на этой странице работает нормально.
<%@ page import="java.time.LocalDateTime" %>
<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main" />
<title>Bootstrap try out</title>
--%>
</head>
<body>
<jdt:jdtScaffoldField label="fred" ldt="${java.time.LocalDateTime.now()}"/>
<jdt:jdtScaffoldField />
<hr />
<div class="container">
<h1>standalone page Bootstrap datepicker</h1>
<div class="input-group date" id="datepicker2">
<input type="text" class="form-control" value="${java.time.LocalDateTime.now().toString()}">
<span class="input-group-addon">
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>
</div>
<div class="container-fluid fieldcontain col-sm-6" >
<div class="form-group form-inline">
<!-- Default dropright button -->
<div class="btn-group dropright">
<button type="button" id="dropdownMunuButton" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
hi
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<!-- Dropdown menu links -->
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
</body>
</html>
Я включил скриншот для этого здесь.Здесь вы можете увидеть расширенную кнопку, расположенную через нижний колонтитул main.gsp (который я пометил контейнером-флюидом и в его классе).
Это нормально.
Однако, когда я помещаю этот же бит кода в шаблон _displayWidget.gsp для в _fields / map / _displayWidget.gsp, а свойство Map является последней записью вМой класс домена, используя действие domain / show / 1, отображает отображение - однако, когда вы нажимаете на кнопку, список расширяется, но скрывается и не отображается.
Мой _displayWidget.gsp выглядитнемного как это
<g:if test="${actionName == 'index'}">
${value}
</g:if>
<g:elseif test="${actionName == 'list'}">
${value}
</g:elseif>
<g:else>
<div class="container-fluid fieldcontain col-sm-6" >
<div class="form-group form-inline">
<!-- Default dropright button -->
<div class="btn-group dropright">
<button type="button" id="dropdownMunuButton" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
${value}
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<!-- Dropdown menu links -->
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
</g:else>
Когда я нажимаю на кнопку на этой странице, она обрезается и не будет увеличиваться или показываться сверху.
Это очень разочаровывает, я пытаюсьнарядить скаффолды, добавив bootstrap в различные gsp _template, которые ищет плагин fields - но это не работает.
Как я могу исправить сантехнику, которая будет корректно изменять размер и отображать весь контент?
Проект находится на github здесь https://github.com/woodmawa/LCM-network-app, а простой пример - на / maintenanaceAgreement / show / 1 (с использованием плагина полей), а автономный - на maintenanceAgreement / ldt view
Я хочу выяснить, почему это не работает с помощью плагина полей.
![clipped](https://i.stack.imgur.com/MoVuG.png)