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