Как отключить заставку rich:extendeddatable

#jquery #css #jsf #richfaces

Вопрос:

Когда rich: Extendeddatable возвращает свой результат, отображается заставка (небольшой анимированный gif). И я ищу способ удалить это.

Я заметил, что в firebug

        .extdt-ss-vsbl { 
              background-image:url(/swf-rf-poc/spring/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/loading.gif);
              border-bottom:1px solid #B6AD84;
              border-right:1px solid #B6AD84;
        }

и что в pagesources

 <div class="extdt-ss-vsbl" id="headerResultForm:searchResultSubview:searchResultsTable2:splashscreen"></div>

Я пытался переопределить .extdt-ss-vsbl в css наших приложений, но это не сработало.
Я попытался добавить .extdt-ss-vsbl в xcss нашего скина, оставив его пустым, и это тоже не сработало.

Я заметил, что в ExtendedDataTable.js там есть имя метода showSplashScreen, поэтому я попытался переопределить его с помощью jquery следующим образом

 <script type="text/javascript">
        JQuery.fn.showSplashScreen(function($) {
            //do nothing 
        }
        </script>

И это тоже не сработало.

Есть ли способ отключить этот заставочный экран? Я использую jsf 1.2 и richface 3.3.3.Final

Ответ №1:

Наконец, вам нужно переопределить значение непосредственно в оболочке. итак, в вашем скине у вас должна быть определена extended-data-table.xcss, и внутри этих файлов должны быть определены следующие значения :

 <u:selector name=".extdt-ss-vsbl">
    <u:style name="background-image" value="none" />
</u:selector>

Надеюсь, это избавит беднягу от бессчетных часов поиска.

1. Просто из любопытства, почему вы хотели это сделать?

2. Мы добавили заставку, которой мы управляем сами, и мы не хотели, чтобы другая заставка появлялась при s running. The rich:extendeddatatable seem to only splash when it получении данных, но мы хотели, чтобы заставка появлялась с момента нажатия пользователем кнопки.

3. Имеет смысл. В итоге я написал функцию, которая просто делала заставку видимой при нажатии кнопки. К сожалению, это означает, что идентификаторы жестко кодируются повсюду, но это был компромисс, на который мы были готовы пойти.

4. @Chris Да, определенно помогает. Спасибо!

5. @Chris на самом деле ты поместил u: селектор в extended-data-table-xcss? есть ли способ отделить это от этого?

Ответ №2:

Попробуйте принудительно переопределить класс css.

     .extdt-ss-vsbl { 
          background: none !important; 
          border: none !important;
    }