2012-03-12 5 views
0

tabcontainer에서 아이콘을 동적으로 설정하려고합니다. 이 예는data-dojo-props 및 따옴표

<div id="tab3" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Tab 3", 
iconClass:"dijitEditorIcon dijitEditorIconSave", closable:true'> 

잘 작동하지만 JSTL/스프링 루를 사용하고, 나는 (내가 각 탭에 다른 이미지를 가질 수) 동적으로 CSS 클래스를 생성합니다.

나는이

data-dojo-props='title:"Tab 3", iconClass:"${person.iconClass}", closable:true' 

을하려고 할 때 ... 다음 소스를 보면, 뭔가 추가 따옴표를 추가, 그것은 전혀 렌더링하지 않습니다.

작업 예제는 어떻게 든 이중 따옴표를 " 이스케이프 된 버전으로 변환합니다.

도움말!

+0

않는 무엇인가' Person.getIconClass()'do? – McDowell

+0

문자열을 반환하며, 따옴표와 관련이있을 수 있습니다. 그것은 다른 곳에서 CSS 정의와 일치하는 "adminClass"또는 "userClass"와 같은 문자열을 반환합니다. 확실히 문자열 자체에는 따옴표가 포함되지 않습니다 (두 번 확인해 보겠습니다). 마치 표현식 평가가 어떻게 든 조금 잘못 될 것입니다. – Richard

+0

게시 한 코드에 분명히 잘못된 것은 없습니다. Expression Language는 표현식 결과에 따옴표를 삽입하지 않습니다 (정말로 재미있는 EL 플러그인을 추가하지 않은 경우). HTTP를 통해 제공되는 원시 페이지 데이터를 검사하고 있습니까? 또는 Dojo가 구문 분석기를 실행 한 후 실제 DOM을? – McDowell

답변

1

팁 덕분에 McDowell에게 감사드립니다. 나는 작은 따옴표와 큰 따옴표를 바꾸는 것만으로 끝내기 만하면된다. 위의 예제를 인터넷에서 어딘가에 복사하여 문제가 발생했지만이를

data-dojo-props="title:'Tab 3', iconClass:'${person.iconClass}', closable:true" 

으로 변경했습니다.

는 (당신은 지금까지 내가 말할 수있는 선택할 수있는 미리 정의 된 것들의 집합이 있습니다) 어쨌든 내 자신의 아이콘을 가질 수 없습니다 밝혀 그러나 그것은 좋은 학습 훈련 :

관련 문제