ExtJs 2.02의 예에서도 스킨케어를 지원하도록 하겠습니다.

오늘 포럼에서 어떤 친구가 나에게 사이트의 스킨케어 기능이 어떻게 하는지 물어보는 것을 보았다.사실 피부를 바꾸는 방법은 다운로드한 예에서 이미 존재한다.그러나 왜 이 기능은 ext 2.02에서 사용할 수 없는지 모르겠다.스킨케어 기능을 추가하려면 주로 두 가지 단계가 있다. 1. html 페이지(각 예)의 바디 중간에 다음 코드(스킨케어 도구 모음)를 추가한다.
view plain
copy to clipboard
print
?
  
Theme:   
  
Ext Blue   
Gray Theme   
Black Theme   
Green Theme   
Calista Theme   
Darkgray Theme   
Indigo Theme   
Midnight Theme   
Olive Theme   
Pink Theme   
Purple Theme   
Slate Theme   
Slickness Theme   
  
<div id="lib-bar" class="x-toolbar" style="border-width:0 1px 1px; text-align:right; width:150px; position:absolute; right:0px;left:auto; top:2px; "><div id="lib-bar-inner">
<span>Theme:</span>
<select id="exttheme">
<option value="default">Ext Blue</option>
<option value="gray">Gray Theme</option>
<option value="black">Black Theme</option>
<option value="green">Green Theme</option>
<option value="calista">Calista Theme</option>
<option value="darkgray">Darkgray Theme</option>
<option value="indigo">Indigo Theme</option>
<option value="midnight">Midnight Theme</option>
<option value="olive">Olive Theme</option>
<option value="pink">Pink Theme</option>
<option value="purple">Purple Theme</option>
<option value="slate">Slate Theme</option>
<option value="slickness">Slickness Theme</option>
</select></div></div>

2. 변경./examples/examples.js 파일의 40줄Ext.getBody().addClass('x-'+theme);Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-" + theme + ".css"); 로 변경
이 두 걸음을 완성한 후에 큰 공을 세웠다!

좋은 웹페이지 즐겨찾기