도조 슬라이더를 만드는 방법

Question

나는 자바 스크립트가 좋지 않다. 그러나 최근에는 슬라이더를 만드는 작업이있었습니다. 나는 도장을 사용하여 하나를 만들 수 있다고 생각했습니다. jsp 페이지로 갔을 때 이미 동일한 jsp 파일에 사용 된 도조가 있다는 것을 알았지 만 다소 좋아 보입니다.

<script language="JavaScript" type="text/javascript" src="js/dojo/dojo-release-1.3.1/dojo/dojo.js" djConfig="parseOnLoad: true, locale: '<%=request.getLocale().getLanguage()%>'"></script> 

및

window.onload = function() { 
     dojo.require("dojo.number"); 
    }; 

나는 이것이 무엇을 의미하는지 모른다.

제 질문은이 파일 버전에서 이미 사용중인 dojo 버전의 슬라이더를 어떻게 만들 수 있습니까? 높은 평가를 받으면 모든 참조 링크.

또한 web prject는 dojo 라이브러리 (SnapShot 참조) 에 대해 다음과 같은 구조를 가지고 있습니다.

Answer 1

나는 이미 jsfiddle을 가지고 있었기 때문에 내 의견에 대한 대답은 '예'라고 가정 할 것이다 .- 다음을 시도해보십시오.

window.onload = function() { 
    dojo.require("dojo.number"); 

    dojo.require("dijit.form.HorizontalSlider"); 
    dojo.require("dijit.form.HorizontalRule"); 
    dojo.require("dijit.form.HorizontalRuleLabels"); 


    dojo.addOnLoad(function() { 
     dojo.parser.parse() 
    }); 
} 

dojo.require 통화가 서버에서 좀 더 자바 스크립트를로드하는 도장을 말씀 : 당신의 위해 window.onload 함수 내부보다 몇 줄을 추가합니다. 슬라이더를 만들고 싶기 때문에 Dojo에는 슬라이더의 javascript 파일이 필요하다.

dojo.addOnLoad 호출은 DoL에 onLoad 이벤트에 함수를 추가하도록 지시합니다. 우리는 이미 window.onload 안에 있지만, 서버에서 더 많은 자바 스크립트를로드하고 있기 때문에 Dojo의 자체 onLoad 이벤트를 사용하여 새 스크립트가로드 될 때까지 기다려야합니다.

Dojo의 onLoad 이벤트에서 호출 할 함수는 dojo.parser.parse입니다. 이 함수는 HTML을 스캔하고, Dojo 마크 업을 발견하면 좋은 위젯 (예 : 슬라이더)으로 바꾼다. 이것은 HTML에 Dojo 마크 업이 필요하다는 것을 의미하므로 슬라이더를 표시 할 HTML에 다음을 추가하십시오. 확실히 우리가 올바른 CSS가로드하기 - Dojo의 파서가 아름다운 슬라이더이 대체됩니다

<div dojoType="dijit.form.HorizontalSlider" maximum="100" minimum="0" 
    style="width:250px" id="slider1" name="slider1"> 
     <div dojoType="dijit.form.HorizontalRule" style="height: 4px" count="10"></div> 
     <div dojoType="dijit.form.HorizontalRuleLabels" count="5"></div> 
</div> 

은, 우리가해야 할 한 가지 더있다. 우리가 원하는 파일은 "tundra.css"라고합니다 (실제로 사용할 수있는 다른 스타일이 있지만 툰드라는 아주 좋습니다). 당신의 CSS에서 가져 오기를 추가하거나 또한, 확인 툰드라 스타일은 당신의 슬라이더에 적용하게 몸 태그에 class="tundra"를 추가하려면 exaple

<link rel="stylesheet" href="js/dojo/dojo-release-1.3.1/dijit/themes/tundra/tundra.css"> 

합니다.

희망이 도움이됩니다. 더 많은 단서와 아이디어를 얻으려면이 링크를보십시오 : http://archive.dojotoolkit.org/dojo-2010-05-01/dojotoolkit/dijit/tests/form/test_Slider.html (이것은 1.3.1이 아니지만 유사해야합니다).