Хобрук: Ваш путь к мастерству в программировании

Разрывы страниц в SAPUI5

Как лучше всего создавать определенные разрывы страниц в SAPUI5 и действительно ли это возможно?

Классические атрибуты CSS page-break-after и page-break-before в моем случае не работают. Например, у меня есть два элемента sap.m.VBox, и я прикрепил к ним класс CSS, который указывает page-break-after: always !important;при печати, но ничего не происходит. Если я добавлю * {overflow-x: visible !important; overflow-y: visible !important;}, он сломается и продолжит рисовать содержимое на следующей странице, если оно не помещается на одной странице, но это не работает в IE.

Я также попытался добавить пустой элемент div, который будет работать как индикатор разрыва страницы, но CSS все равно ничего не сделает. Я предполагаю, что это потому, что все в SAPUI5 помещено в один div контента.

javascript html css sapui5 printing
17.03.2015

  • Мне удалось решить проблему, добавив section {height: 100%;} в @media print, но все же это довольно ненадежное решение. 17.03.2015

Ответы:


1

Вы можете решить эту проблему, добавив между ними пустой элемент.

Если вам нужен разрыв высотой 200 пикселей, содержимое вашей страницы может выглядеть так:

return new sap.m.Page({
content:[
oVBox1,
sap.m.Panel({height: "200px", width: "100%}),
oVBox2
]
});

конечно, вы можете установить прозрачный цвет фона панели;)

18.03.2015
  • Спасибо за Ваш ответ! Я добился некоторого автоматического разделения с помощью CSS, но это нестабильно. У меня есть один гибкий блок, содержащий N диаграмм SVG, и я отрегулировал поля между элементами SVG, чтобы каждая диаграмма правильно располагалась на каждой странице. Во всяком случае, я не нашел законного и стабильного способа, как это сделать. 18.03.2015

    • 2

    «Разрыв страницы после» игнорируется, поскольку для отображения свойств представлений SAPUI5 установлено значение встроенный блок.

    Просто переопределите стиль CSS для соответствующего класса с помощью пользовательского CSS, и он должен работать: .sapUiView { display: block; }

    09.06.2015
    Новые материалы
    Блоги, которые обязательно нужно прочитать специалистам по обработке и анализу данных :
    Добро пожаловать в 2020! Новый год и новое десятилетие. Поскольку мы начинаем новый и захватывающий год в науке о данных, важно, чтобы профессионалы открыли для себя лучшие блоги по науке о..
    Универсальный базовый доход
    Универсальный базовый доход В последние годы концепция всеобщего базового дохода (УБД) набирает обороты как все более эффективное решение для борьбы с растущим неравенством доходов и..
    Освоение Python для анализа финансовых данных: руководство по получению данных о доходах от акций
    Если вы хотите научиться получать данные о доходах от акций с помощью Python, то это руководство для вас! В этой статье мы рассмотрим несколько примеров сбора данных о доходах от акций. Мы..
    Абсолютно имеет смысл.
    Абсолютно имеет смысл. Мой репетитор даже предложил то же самое. Одна проблема, с которой я столкнулся, заключается в том, что для каждой из категорий не было ярлыка «хорошо». Если я перебираю..
    МАШИННОЕ ОБУЧЕНИЕ И EDA
    Каковы шаги в машинном обучении Определение проблемы Генерация гипотез Извлечение данных Исследование данных Прогнозное моделирование Развертывание модели Зачем нам ЭДА? Идентификация..
    В чем основные различия между ReactJS и React-Native?
    В чем основные различия между ReactJS и React-Native? Что я узнал, создавая веб-приложения, а затем мобильные приложения на React React-Native существует уже около 2 лет и стал..
    LeetCode — Умножение строк
    Постановка задачи Даны два неотрицательных целых числа num1 и num2 , представленные в виде строк, вернуть произведение num1 и num2 , а также представлен в виде строки. Примечание . Вы..