Шрифт Oracle Apex на селекторе строк - PullRequest
Новая
       113

Шрифт Oracle Apex на селекторе строк

0 голосов
/ 11 ноября 2019

Меня спросили, могу ли я изменить свою интерактивную сетку oracle apex, чтобы сделать столбец селектора строк более широким, жирным и добавить заголовок. Я знаю, как сделать это для столбца, но я не уверен, что это возможно для интерактивного селектора строк сетки. Любая помощь или пример будут полезны .. Спасибо

1 Ответ

3 голосов
/ 14 ноября 2019

Ого, это было сложно. Я думаю, что я понял это (большое спасибо Джону Снайдерсу!). Предполагая, что IG имеет идентификатор 'emp', должно работать следующее:

Добавьте следующий CSS к свойству Inline страницы в CSS. Это будет обрабатывать стиль флажка, флажок в флажке, и он покажет заголовок столбца, который по умолчанию скрыт. Вы можете удалить селектор #emp, если хотите настроить таргетинг на все IG на странице. 

/* Style the box */
#emp .u-selector {
  border: 2px solid #000;
  padding: .5px;
}

/* Style the check in the box */
#emp .u-selector:before {
  font-weight: 900;
  color: #000;
}

/* Show the row selector column header */
#emp .a-GV-headerLabel {
  position: relative;
}
#emp .a-GV-table th {
  white-space: normal;
}

Затем добавьте следующий код JavaScript в свойство страницы, выполняемое при загрузке страницы в JavaScript. 

var igRegionId = 'emp';
var widgetInst = apex.region(igRegionId).call('getViews').grid.view$.data('apex-grid');
var orgRefresh = widgetInst.refresh;

widgetInst.refresh = function() {
  orgRefresh.call(widgetInst);
  $('.u-vh.a-GV-headerLabel').text('Hello World!');
};

widgetInst.refresh();

Наконец, добавьте следующий JavaScript в регион IG> Атрибуты> Код инициализации JavaScript . Это изменит размер столбца по мере необходимости: 

function(config) {
  config.defaultGridViewOptions = {
    rowHeaderWidth: 100
  };

  return config;
}
...