Переопределение Struts2 jqGrid CSS

Я застрял в переопределении таблицы стилей struts2-jquery-plugin по умолчанию для сетки. Я попытался определить мою собственную таблицу стилей (jquery-ui-grid.css) и включить ее на мою страницу JSP, но структура всегда загружает CSS по умолчанию (ui.jqgrid.css) и переопределяет мои собственные стили.Переопределение Struts2 jqGrid CSS

Я использовал инструменты разработчика Chrome для просмотра сетевых запросов, поэтому я могу проверить, что загружаются как CSS по умолчанию, так и мой пользовательский CSS, но применяется только по умолчанию (я думаю, потому что он загружен последним). Поскольку этот CSS по умолчанию генерируется каркасом struts2, я понятия не имею, как его изменить или переопределить, поскольку я не знаю путь к этому файлу. В настоящее время я использую maven для управления моими зависимостями, а struts2-jquery-plugin и struts2-jqgrid-plugin включены в стоимость от maven.

Я пытаюсь изменить размер шрифта для моих сеток, и я получаю немного отчаянные на данный момент ...

Как я могу переопределить/изменить файл CSS по умолчанию, что плагин использует стилизовать сетки? Я бы не хотел менять стили, применяемые к html-таблицам, я ищу решение, которое позволяет мне конкретно изменить классы CSS, связанные с jqGrid.

EDIT:

Как уже упоминалось в this question, я включил мой CSS после того, как jquery-ui те (внутри <head /> тега):

<head> 
... 
<s:head /> 
<sj:head jqueryui="true" jquerytheme="south-street" loadAtOnce="true" loadFromGoogle="false" locale="es"/> 
<link href="<s:url value='/styles/main.css'/>" rel="stylesheet" type="text/css" media="all" /> 
... 
</head>

И в моих main.css принадлежат все импорта CSS:

/* 
    Css Framework 
    ============= 
    - see http://www.contentwithstyle.co.uk/Articles/17/a-css-framework 
     for more info. 
*/ 
@import url("tools.css"); 
@import url("typo.css"); 
@import url("forms.css"); 
@import url("layout.css"); 
/* This is my "custom" jqGrid stylesheet: */ 
@import url("ui.jqgrid.css"); 
@import url("dl-forms.css");

PROGRESS UPDATE
Я все еще не мог переопределить, как я хотел, поэтому на данный момент мне пришлось прекратить использовать тему jquery-ui, поданную из Интернета (я предпочитаю этот способ, чтобы я мог обновлять его на лету, так как нет необходимости в основных настройках jQuery UI CSS для моего webapp).
Я загрузил тему, которую я использую, и поместил ее в свой webapp (template/themes/myTheme-name/), поэтому я могу заставить фреймворк использовать эту явную тему вместо ее загрузки, и это действительно сработало, теперь я могу изменить свой «пользовательский» CSS для jqGrid .. Но я чувствую, что это всего лишь обходной путь, и я хотел бы знать, как это сделать чистым способом.

источник

2015-08-21 JorgeGRC

Эти шаги, чтобы создать/изменить custom theme:

Создать и загрузить свою собственную тему с jQuery ThemeRoller

Создать папку в WebRoot пути template/themes/mytheme

Extract скачано тему и переключатель в папку css

Переименовать jquery-ui-x.x.x.custom.css в jquery-ui.css

Скопируйте jquery-ui.css и папку с изображениями в папку template/themes/mytheme.
<%@ taglib prefix="s" uri="/struts-tags"%> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
<html> 
    <head> 
    <s:url var="context" value="/" /> 
    <sj:head locale="de" jqueryui="true" jquerytheme="mytheme" customBasepath="%{context}template/themes"/> 
    </head> 
    <body> 
    </body> 
</html> 

Вы также можете играть с scriptPath атрибутом, где вы можете разместить свой код JS. Точно так же, как вы делаете это с помощью CSS, но копируя в папку js.

источник

2015-08-22 11:11:06

Спасибо за ваш ответ @Roman. Это решение является тем, которое я использовал и обновил по моему вопросу, но по мере того, как я описываю обновление своего хода выполнения, таким образом подразумевается загрузка темы из «ThemeRoller» и ее сохранение на моем webapp (и я хотел бы продолжать загрузку он с сервера jQuery ui каждый раз, когда это необходимо, поэтому я могу постоянно его обновлять). Я надеюсь, что есть еще одно решение, которое позволяет мне ** только ** хранить и изменять стили jqGrid' в моем webapp .. – JorgeGRC

ответ

Смежные вопросы