Struts2-Jquery Grid CSS 편집

내 웹 페이지에 Struts2-jquery 격자 구성 요소가 있습니다.Struts2-Jquery Grid CSS 편집

완벽하게 작동하지만 Struts2-jQuery-Grid 플러그인의 CSS 규칙을 편집하려면 어떻게해야합니까?

사용자 정의 CSS 규칙을이 격자보기에 적용 할 수 있습니까?

출처

2013-02-22 edaklij

질문을 지정해야합니다 – Jaiwo99

기본 테마를 사용하여 CSS 속성을 변경하는 방법이 있습니까? – edaklij

질문을 다시 지정해야합니다. 그렇지 않으면 격자 모양을 변경하려는 경우 – Jaiwo99

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

@Andrea가 언급 한 것과 마찬가지로 jQuery ThemeRoller

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>

다음 스타일은주의해야합니다.
- 의 UI 위젯 헤더
- 당신이 하나의 스타일을 조정하려면 UI 상태 기본
- 의 UI 위젯 컨텐츠

, 당신은 사용할 수 있습니다 CSS 선택기 또는 jQuery 선택기를 사용하여이 작업을 수행 할 수 있습니다.

플러그인이 나머지 작업을 수행합니다. 그냥 시도해보십시오.

출처

2013-02-22 11:51:38 Jaiwo99

jQuery CSS의 가져 오기를 변경하면 jQuery의 다른 테마 중 하나를 사용하여 기본 테마를 변경할 수 있습니다.

jQuery ThemeRoller (갤러리 탭) 및 Struts2-jQuery Showcase (상단 오른쪽 모서리에 themeroller 콤보 상자 사용)에서도 볼 수 있습니다. 후에게 jQuery를 CSS 가져 오기를 를 선언

그들 중 누구도 당신의 필요를 만족하지 않는 경우,
단지 가까이 당신이 원하는에 대한 테마를 선택하고의 CSS을 정의

(순서 때문에 CSS의 문제, 마지막 승리),

수동으로 변경해야 모든 style declaration의 재정을하고 수입;

그들을 쉽고 빠르게보고 (및 실험하기 위해) FireFox에 FireBug 또는 다른 브라우저에서 비슷한 도구를 사용할 수 있습니다. 예를 들어

, 당신이 당신의 CSS에
.ui-jqgrid tr.ui-row-ltr td{ border-right-style: dashed; }

를 사용하는 경우, 당신은 상관없이 사용중인 테마, 당신의 TD 초 동안 테두리를 점선없는 것입니다.

... 당신은 아무것도 에서 개인 jQuery CSS Theme를 만들 수 있지만, 나는 이것이 당신이 그것을 빨리 일하지 않을 것이다 찾고있는 것을 의심

출처

2013-02-22 11:14:54

답변

관련 문제