Можно ли в Apex 19.2 отображать интерактивную разбивку на страницы сверху и снизу слева, как в интерактивном отчете? - PullRequest
Новая
       3

Можно ли в Apex 19.2 отображать интерактивную разбивку на страницы сверху и снизу слева, как в интерактивном отчете?

0 голосов
/ 28 мая 2020

Изначально я создал IR, но столкнулся с проблемой, которую не могу решить, поэтому я попробовал другой подход с использованием IG. См. Снимки экрана ниже для справки.

изображение. Интерактивный отчет png

В указанном выше IR я хочу, чтобы столбец Общие примечания отображался только 30 символов и без переноса. Я использовал код td [headers = xx] , чтобы установить ширину столбца и множество CSS, Inline, et c. Если я использую какие-либо параметры без переноса , размер будет соответствовать длине данных в столбце. Я просто хочу отображать 30 символов независимо от длины данных. Я попытался использовать SUBSTR в моем запросе SELECT, чтобы ограничить столбец 30 символами, но тогда функция поиска может выполнять поиск только по этим 30 символам.

Следовательно, я создал IG, который выглядит похожим, и отключил редактирование . Столбец Общие примечания может иметь размер до 30 символов. Этот подход отлично работает, но нумерация страниц находится в правой нижней части страницы! Если бы я мог перемещать нумерацию страниц влево вверх и вниз, тогда этот подход отлично работал бы! (Пользователи привыкли и желают отображать количество записей слева вверху и внизу.)

изображение. Интерактивная сетка png

Так что у меня в основном 2 вопросы, 1 с IR и 1 с IG! Мы будем очень благодарны за любые предложения!

1 Ответ

0 голосов
/ 01 июня 2020

Размер по символам затруднен (по крайней мере, я так считаю). Если у вас все в порядке с размером пикселей, вы можете попробовать следующее для ИК. Сначала присвойте столбцу stati c id (в этом примере я буду использовать my-class). Щелкните правой кнопкой мыши ИК-область и выберите Create Dynami c Action . Это создаст DA, который срабатывает по ссылке sh области отчета. Для действия установите Тип на Выполнить JavaScript Код и введите следующее в поле Код : 

$('td[headers="mgr"]').wrapInner('<span></span>');

Убедитесь, что атрибут Пожар при инициализации включен. Затем добавьте на страницу следующее CSS: 

td[headers="my-test"] {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

Если вы предпочитаете переместить разбиение на страницы в IG, выполните следующие действия. Добавьте этот код к атрибуту Execute when Page Loads страницы (под JavaScript). 

$('.a-GV-footer').prepend($('.a-GV-pagination'))

И следующий к атрибуту Inline (под CSS): 

.a-GV-pagination, .a-GV-stateIcons, .a-GV-status {
  text-align: left;
  display: inline;
}

.a-GV-pagination {
  margin-right: 20px;
}
...