문서 모드에 따라 스타일 시트를 동적으로 변경하십시오.

Question

문서가 편집 모드 또는 읽기 모드에 따라 스타일 시트 파일을 동적으로 변경하는 방법이 있습니까?

는 그 페이지가로드, 그것은 제공

if(document.isEditable()){ 
    return "style_edit.css" 
} 
else{ 
    return "style_read.css" 
} 

이 나의 가장 큰 문제입니다 : 내가하고 싶은 무엇

자원 HREF 속성의 "계산 값"옵션에 다음 코드를 추가하는 것입니다 오류 "문서를 찾을 수 없습니다". 이는 페이지가로드 될 때 문서를 포함하는보기 만 있고 사용자가 문서 ID를 클릭하면 바인드 된 문서가있는 사용자 정의 컨트롤이 나타나기 때문일 수 있습니다. 페이지를로드 할 때 사용자 지정 컨트롤 문서에 바인딩되도록 만드는 방법을 모르겠습니다.

편집 : try/catch 블록을 시도했는데 xpage가 오류를 표시하지 않고 열립니다. 그러나 사용자 지정 컨트롤이 새로 고쳐 지지만 CSS 파일은 변경되지 않고 동적으로 계산을 사용하고로드시 계산되지 않습니다.

감사합니다.

Answer 1

href 속성을 계산 된 것으로 설정할 수 있습니다. 이 경우 XPage의 모든 속성 "기본> 리소스> styleSheet"로 이동하십시오. 여기에서 JavaScript 코드로 href 속성을 계산할 수 있습니다. 그래서 XPage 소스의 리소스는 대신 document의 전역 변수 currentDocument 사용할 수있는 사용자 정의 컨트롤에서 데이터 소스에 액세스하려면이

<xp:this.resources> 
    <xp:styleSheet> 
     <xp:this.href><![CDATA[#{javascript:if (document.isEditable()) { 
    return "style_edit.css"; 
} else { 
    return "style_read.css"; 
}}]]></xp:this.href> 
    </xp:styleSheet> 
</xp:this.resources> 

처럼 보일 것입니다.

Answer 2

당신은 단순히 일부 패널/구성 요소에 계산 된 styleClass를 추가 할 때 강제로 사용자가 판에 별도의 파일을 다운로드하는 이유 :