1

У меня есть компонент. Grid на моей странице.Struts2-Jquery Grid Редактирование CSS

Он отлично работает, но как я могу изменить правила CSS для плагина Struts2-jQuery-Grid?

Могу ли я применить свои собственные правила CSS к этому виду сетки?

+0

необходимо указать ваш вопрос – Jaiwo99

+0

есть ли способ изменить свойства css без использования тем по умолчанию? – edaklij

+0

уверен, опять же, вы должны указать свой вопрос, иначе я не смогу помочь вам – Jaiwo99

ответ

2

To answer your question: how to create a new jquery theme?

  1. Как упоминалось в @Andrea, вам следует использовать jQuery ThemeRoller
  2. Определите свой sj:head вот так

    <%@ taglib prefix="s" uri="/struts-tags"%> 
    <%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
    <html> 
        <head> 
        <sj:head jqueryui="true" jquerytheme="mytheme" 
          customBasepath="template/themes"/> 
        </head> 
        <body> 
        </body> 
    </html> 
    
  3. Вы должны заботиться о следующих классах стилей.

    • UI-виджет заголовок
    • UI-состояние по умолчанию
    • UI-виджет содержания

Если вы хотите настроить единый стиль, то вы можете использовать селектор CSS или jQuery, чтобы сделать это.

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

2

Вы можете изменить тему по умолчанию, используя одну из других тем от jQuery, просто меняя импорт jQuery CSS.

Вы можете увидеть их в jQuery ThemeRoller (вкладка «Галерея»), а также в поле Struts2-jQuery Showcase (с помощью combobox themeroller в правом верхнем углу).

Если ни один из них не удовлетворяет вашим потребностям,

просто выбрать тему ближе к тому, что вы хотите, и определить CSS из ваших,

объявляя его ПОСЛЕ импорт JQuery CSS (потому что порядок импорт CSS сек вопросов, последняя победа),

и вручную делать переопределение каждого style declaration вам нужно изменить;

Чтобы легко и быстро увидеть (и экспериментировать с ними), вы можете использовать FireBug на FireFox или аналогичные инструменты в других браузерах.


Например, если вы используете

.ui-jqgrid tr.ui-row-ltr td{ 
    border-right-style: dashed; 
} 

в вашем CSS, не будет пунктирная границы для TD с, независимо от того, какая тема, которую вы используете.


Вы можете даже создать свой личный jQuery CSS Theme из ничего, , но я сомневаюсь, что это то, что вы ищете, это не будет быстро работать ...