Jsp 不显示复选框的Dojo树_Jsp_Checkbox_Dojo_Tree

Jsp 不显示复选框的Dojo树

jsp checkbox dojo tree

Jsp 不显示复选框的Dojo树,jsp,checkbox,dojo,tree,Jsp,Checkbox,Dojo,Tree,这让我快发疯了。树根本不显示。这是密码 <html> <head> <meta charset="utf-8"> <title>The CheckBox Tree with multi-parented Eventable Store</title> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script

这让我快发疯了。树根本不显示。这是密码

<html>
<head>
<meta charset="utf-8">
<title>The CheckBox Tree with multi-parented Eventable Store</title>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="dojo/dojo/dojo.js"></script>
<link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css" type="text/css"/>
<link rel="stylesheet" href="cbtree/themes/claro/claro.css" type="text/css"/>
<script> dojoConfig = {async: true, parseOnLoad: true};</script>

  <script>
 var myData = [
 { name:"Family"    , type:"root"                                           },
 { name:"Abe"       , type:"parent", parent:["root"]         , hair:"Brown" },
 { name:"Jacqueline", type:"parent", parent:["root"]         , hair:"Brown" },
 { name:"Homer"     , type:"parent", parent:["Abe"]          , hair:"none"  },
 { name:"Marge"     , type:"parent", parent:["Jacqueline"]   , hair:"blue"  },
 { name:"Bart"      , type:"child" , parent:["Homer","Marge"], hair:"blond" },
 { name:"Lisa"      , type:"child" , parent:["Homer","Marge"], hair:"blond" },
 { name:"Maggie"    , type:"child" , parent:["Homer","Marge"], hair:"blond" }
  ];

required(["cbtree/store/Hierarchy",         
      "cbtree/model/TreeStoreModel",     
      "cbtree/Tree",
      "dojo/dojo/ready"
     ], function (Hierarchy, TreeStoreModel, Tree) {

  // Create the store and load it with our data set.
  var myStore = new Hierarchy( { data:myData } );
 var myModel = new TreeStoreModel({ store:myStore, query:{type:"root"} });
 var myTree  = new Tree( { model:myModel }, "CheckBoxTree" );
 myTree.startup();
});
 </script>
</head>
<body class="claro">
<h1 class="DemoTitle">The CheckBox Tree with Multi State CheckBoxes</h1>
<div id="CheckBoxTree" style="width:300px; height:300px; border-style:solid; border-width:medium;">
</div>
</body>
</html>


具有多父事件存储的复选框树
dojoConfig={async:true，parseOnLoad:true}；
var myData=[
{name:“Family”，类型：“root”}，
{name:“Abe”，type:“parent”，parent:[“root”]，hair:“Brown”}，
{姓名：“Jacqueline”，类型：“parent”，父：[“root”]，头发：“Brown”}，
{name:“Homer”，type:“parent”，parent:[“Abe”]，hair:“none”}，
{姓名：“玛姬”，类型：“家长”，家长：[“杰奎琳”]，头发：“蓝色”}，
{姓名：“巴特”，类型：“孩子”，父母：[“荷马”，“玛姬”]，头发：“金发”}，
{姓名：“丽莎”，类型：“孩子”，父母：[“荷马”，“玛姬”]，头发：“金发”}，
{姓名：“玛姬”，类型：“孩子”，父母：[“荷马”，“玛姬”]，头发：“金发”}
];
必需（[“cbtree/store/Hierarchy”，
“cbtree/model/TreeStoreModel”，
“cbtree/Tree”，
“dojo/dojo/ready”
]，函数（层次结构、树形结构、树形结构）{
//创建存储并用我们的数据集加载它。
var myStore=新的层次结构（{data:myData}）；
var myModel=newtreestoremodel（{store:myStore，query:{type:“root”}}）；
var myTree=新树（{model:myModel}，“CheckBoxTree”）；
myTree.startup（）；
});
带有多状态复选框的复选框树

有人有线索吗？进口的都很好。我在根目录中有如下文件夹：

道场

道场/迪吉特

cbtree/

谢谢

您需要ing

dojo/dojo/ready

，但您没有使用它。我认为您需要将树的创建包装在

ready（function（）{…}）

中，或者在与dom交互之前使用等待dom就绪。注意第一个示例中使用了

require

而不是

required

，并且在

require

回调中包含了

ready

dojo/ready

require(["cbtree/store/Hierarchy",         
      "cbtree/model/TreeStoreModel",     
      "cbtree/Tree",
      "dojo/dojo/ready"
], function (Hierarchy, TreeStoreModel, Tree, ready) {
    ready(function() {
        // Create the store and load it with our data set.
        var myStore = new Hierarchy( { data:myData } );
        var myModel = new TreeStoreModel({ store:myStore, query:{type:"root"} });
        var myTree  = new Tree( { model:myModel }, "CheckBoxTree" );
        myTree.startup();
    }
});

dojo/domReady

require(["cbtree/store/Hierarchy", "cbtree/model/TreeStoreModel", "cbtree/Tree", "dojo/dojo/domReady!" ], function (Hierarchy, TreeStoreModel, Tree) { // Create the store and load it with our data set. var myStore = new Hierarchy( { data:myData } ); var myModel = new TreeStoreModel({ store:myStore, query:{type:"root"} }); var myTree = new Tree( { model:myModel }, "CheckBoxTree" ); myTree.startup(); });

您正在
require
ing
dojo/dojo/ready
，但您没有使用它。我认为您需要将树的创建包装在
ready（function（）{…}）
中，或者在与dom交互之前使用等待dom就绪。注意第一个示例中使用了
require
而不是
required
，并且在
require
回调中包含了
ready
dojo/ready

require(["cbtree/store/Hierarchy", "cbtree/model/TreeStoreModel", "cbtree/Tree", "dojo/dojo/ready" ], function (Hierarchy, TreeStoreModel, Tree, ready) { ready(function() { // Create the store and load it with our data set. var myStore = new Hierarchy( { data:myData } ); var myModel = new TreeStoreModel({ store:myStore, query:{type:"root"} }); var myTree = new Tree( { model:myModel }, "CheckBoxTree" ); myTree.startup(); } });
dojo/domReady

require(["cbtree/store/Hierarchy", "cbtree/model/TreeStoreModel", "cbtree/Tree", "dojo/dojo/domReady!" ], function (Hierarchy, TreeStoreModel, Tree) { // Create the store and load it with our data set. var myStore = new Hierarchy( { data:myData } ); var myModel = new TreeStoreModel({ store:myStore, query:{type:"root"} }); var myTree = new Tree( { model:myModel }, "CheckBoxTree" ); myTree.startup(); });
试试这个（在Dojo1.10上测试）：

试试这个（在dojo 1.10上测试）：

我尝试了所有方法，但仍然不起作用。我现在正在使用fuelux树。无论如何，非常感谢你。！我什么都试过了，但还是不起作用。我现在正在使用fuelux树。无论如何，非常感谢你。！