こんにちは私はDojo1.8に基づくチュートリアルを探しています。私が探しているのは次のとおりです。-dojoページが完全にロードおよび解析された後、dojo / onボタンの後にトリガーされて、ウィジェットを実用的に作成およびインスタンス化します。Dojo Webサイトのどのチュートリアルを学ぶべきか、わかりません。
お知らせ下さい。前もって感謝します。クレメント
こんにちは私はDojo1.8に基づくチュートリアルを探しています。私が探しているのは次のとおりです。-dojoページが完全にロードおよび解析された後、dojo / onボタンの後にトリガーされて、ウィジェットを実用的に作成およびインスタンス化します。Dojo Webサイトのどのチュートリアルを学ぶべきか、わかりません。
お知らせ下さい。前もって感謝します。クレメント
すべての質問に完全に答えるチュートリアルは1つではありませんが、次のことが役立ちます。
ページの完全な読み込みと解析の両方をキャプチャするには、 dojo/readyとdojo/parserの組み合わせを使用する必要があります。(参照する解析は、HTMLの標準的なブラウザー解析ではなく、dojoウィジェットパーサーであると想定しています)。
解析後にコードを実行するには、parseOnLoad:falseをdojoConfigに追加し、パーサーを手動で実行する必要があります。そうしないと、完了時にキャプチャする方法がありません。
<script type="text/javascript" async="true">
require([
"dojo/ready",
"dojo/parser",
"dojo/on,
"dojo/query"
], function(
ready, parser, on, $
){
ready(function(){
// Only run after the page is fully loaded
parser.parse().then(function(instances){
// Only run after parser has parsed the page
var myButton = $("#myButtonid"); // Find your button
if(myButton.length > 0){ // Check button is found
on(myButton[0], "click", function(evt){
// ... add your code here to create and
// instantiate widget
});
}
});
});
}
</script>
dojoConfigでウィジェットの自動解析をオフにする必要があることを忘れないでください。したがって、次のようになります(頭の中で)。
<script type="text/javascript">
dojoConfig= {
"parseOnLoad": false,
"async": true
// ...other settings
};
</script>