Плагин Grails fields, кажется, останавливает размер контейнера Bootstrap, когда я запускаю раскрывающуюся кнопку в конце страницы - PullRequest
0 голосов
/ 07 февраля 2019

Я использую 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 (который я пометил контейнером-флюидом и в его классе).

working

Это нормально.

Однако, когда я помещаю этот же бит кода в шаблон _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

...