Кнопка при частичном просмотре делает страницу нижней при первой загрузке - PullRequest
Новая
       30

Кнопка при частичном просмотре делает страницу нижней при первой загрузке

0 голосов
/ 31 января 2019

У меня есть кнопка ОК в частичном представлении.CSS выглядит следующим образом: 

#okGroups {         
margin-top:100%;
    position: absolute;
    width: 250px;
    height: 50px;
    bottom: 20%;
    right: 380px;
    display: block;
    padding: 19px 20px 10px;
    line-height: 15px;
    border-top: 1px solid #e5e5e5;
}

Проблема в том, что положение кнопки не соответствует ожидаемому при первом открытии окна (кнопка занимает нижнюю часть страницы как нижнюю, я думаю, потому что при изменении размераокно, кнопка не меняет своего положения).После нажатия на кнопку «ОК» положение кнопки становится таким же, как и нужно (оно принимает нижнюю часть myWindow как нижнюю и соответствует нижнему окну, когда я изменяю размер окна).Любое предложение будет оценено.

Содержимое Моего Частичного Представления: 

<div id="myWindow">
    <div class="form-group col-lg-12" id="someId">
        <div class="input-group input-group- mb-3">
            <div>
                @(Html.Kendo().Grid<Xyz.Models.GroupModel>()
                                .Name("groupsGrid")
                                  .Columns(columns =>
                                  { 
                                  columns.Bound(g => g.Name)
                                .HtmlAttributes(new { @style = "min-height: 500px; height:90%; width:80%;" })                                          
                                .Pageable(pageable => pageable
                                ...
                                )
                    .Scrollable(scr => scr.Height(560))
                    .DataSource(dataSource => ...
                )
            </div>
        </div>
    </div>     
    <div id="buttonDiv" class="form-group row change">
        <button type="button" class="k-button" id="okGroups">Ok</button>
    </div>
</div>@*endwin*@

В моем файле JavaScript я загружаю Частичное представление следующим образом: 

function onClick() {  
            allMyGroupsWindow.kendoWindow({
                width: "1200px",
                height: "900px",
                title: "All Groups",
                modal: true,
                open: function (e) {
                    $.ajax({
                        url: general.createMethodUrl("", "Home", "LoadPartialView"), 
                        method: 'GET',
                        success: function (result) {
                            getAllMyGroupsWindow().html(result);
                        }
                    });
                }
            });        
            allMyGroupsWindow.data("kendoWindow").open().center();
        }

Как я могу убедиться, что он всегда находится в правильном положении (в окне)?

...