在dojo 1.7中使用data-dojo-id

Question

我嘗試從腳本中使用一些“dijit”小部件，例如更改內容或連接事件。

為此，我嘗試在html中使用'data-dojo-id'屬性，（據我所知）創建了'data-dojo-type'類型的全局對象，並命名為'data-dojo-id'。

但我有錯誤......我做錯了什么？

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Dojo test</title>
    </head>
    <body>
        <div    id="myDivId"
                data-dojo-type="dijit.layout.ContentPane"
                data-dojo-id="myDojoId">
        Hello Everyone!
        </div>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad:true"></script>
        <script type="text/javascript">
        require(["dijit/dijit", "dijit/layout/ContentPane"], function(){
            //myDojoId.setContent("Hello World!");  // error : myDojoId is not defined

            // Even this not working:
            console.log(dijit.byId("myDivId"));     // undefined 
            console.log(dijit.byId("myDojoId"));    // undefined 
            });
        </script>
    </body>
</html>

Answer 1

data-dojo-id和jsId（不建議使用）屬性創建一個引用該dijit的全局對象。

我相信你需要在ready（）調用中包裝查找

<script type="text/javascript">
       require(["dojo/ready","dijit/dijit", "dijit/layout/ContentPane"], function(ready,dijit,ContentPane){
            //shouldn't  be defined yet
            console.log(dijit.byId("myDivId"));     // undefined 
            console.log(myDojoId);    // undefined 

            ready(function(){
             console.log(dijit.byId("myDivId"));
             //note how data-dojo-id doesn't have the lookup
             console.log(myDojoId);
           });
        });
</script>

在dojo 1.7中使用data-dojo-id

問題描述

1 個解決方案

解決方案1
3 已采納 2012-05-29 13:29:03

在dojo 1.7中使用data-dojo-id

問題描述

1 個解決方案

解決方案1 3 已采納 2012-05-29 13:29:03

解決方案1
3 已采納 2012-05-29 13:29:03