Xpages, Bootstrap и представления данных

У меня есть представление данных в приложении Xpage, использующем тему Bootstrap. Я начал использовать представление, но так и не смог настроить пейджеры, а представление данных работает лучше.

Но я не понимаю, куда положить мою таблицу классов css. Например, если мне нужна полосатая таблица, я ввожу "table table-striped" в styleClass представления (или, может быть, это dataStyleClass). Если я сделаю это в styleClass представления данных, я не получу полосы.

Я попробовал предложение от Марка ниже, но что-то не работает. Я добавил вызов сценария и использовал идентификатор таблицы. На нем уже есть класс "cleearfix table".

Я добавил веб-инспектор Chrome, чтобы показать, что происходит.

введите здесь описание изображения


twitter-bootstrap-3 xpages xpages-extlib
person Bryan Schmiedeler    schedule 23.12.2015    source источник
comment
Я вижу 2 проблемы: во-первых, код JavaScript размещается (и выполняется) до определения таблицы, поэтому он никогда ее не найдет. Два возможных решения: поместить его под таблицу или заключить в $(document).ready( function() { } ) (так же, как это было сделано несколькими строками ранее на скриншоте). Если вы сделаете это, это все равно не будет работать из-за второй проблемы: используемый вами селектор jQuery неверен: он ищет таблицу с классом dataView1_ajax. Измените его на тот, что в моем ответе, и он найдет таблицу.   -  person Mark Leusink    schedule 04.01.2016

Ответы (1)


arrow_upward
1
arrow_downward

Элемент управления xe:dataView имеет атрибут styleClass, но классы, которые вы там устанавливаете, добавляются к элементу div, который обертывает представление данных, а не к table (и именно здесь Bootstrap нужен класс table-striped. Я бы решил это с помощью некоторого JavaScript, чтобы добавить классы вам нужно на элементе table

<xp:scriptBlock
id="scriptBlock1">
  <xp:this.value><![CDATA[
    $("table.dataview").addClass("table-striped table-hover")
  ]]></xp:this.value>
</xp:scriptBlock>
person Mark Leusink    schedule 29.12.2015
comment
Марк, похоже, это должно работать, но что-то не так с моим кодом. Я добавил некоторые детали выше. - person Bryan Schmiedeler; 04.01.2016
comment
Отметьте, что сработало отлично. Большое спасибо за разъяснения. - person Bryan Schmiedeler; 04.01.2016
comment
Марк, нашел еще одну проблему, при обновлении я теряю класс. Поверьте, мне нужно добавить обработчик событий. Я разместил новый вопрос об этом, вот ссылка, если вам интересно... stackoverflow.com/questions/34615735/ - person Bryan Schmiedeler; 05.01.2016