Dojo.Tree

最新推荐文章于 2024-08-25 21:49:40 发布
最新推荐文章于 2024-08-25 21:49:40 发布
阅读量105 收藏
点赞数
分类专栏： Dojo 文章标签： Dojo HTML json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccyingfu/article/details/83937337
版权 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dojo.data.ItemFileReadStore");
            dojo.require("dijit.Tree");
            dojo.addOnLoad(function() {
                var store = new dojo.data.ItemFileReadStore({
                    url: "../_static/js//dijit/tests/_data/countries.json"
                });
                var treeModel = new dijit.tree.ForestStoreModel({
                    store: store,
                    query: {
                        "type": "continent"
                    },
                    rootId: "root",
                    rootLabel: "Continents",
                    childrenAttrs: ["children"]
                });
                new dijit.Tree({
                    model: treeModel
                },
                "treeOne");
            });
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">
        <div id="treeOne">
        </div>
        <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dojo.data.ItemFileReadStore");
            dojo.require("dijit.Tree");
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">
        <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore" url="../_static/js//dijit/tests/_data/countries.json">
        </div>
        <div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel" store="continentStore"
        query="{type:'continent'}" rootId="continentRoot" rootLabel="Continents"
        childrenAttrs="children">
        </div>
        <div dojoType="dijit.Tree" id="mytree" model="continentModel" openOnClick="true">
            <script type="dojo/method" event="onClick" args="item">
                alert("Execute of node " + continentStore.getLabel(item) + ", population=" + continentStore.getValue(item, "population"));
            </script>
        </div>
        <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dojo.data.ItemFileReadStore");
            dojo.require("dijit.Tree");
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">
        <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore" url="../_static/js//dijit/tests/_data/countries.json">
        </div>
        <div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel" store="continentStore"
        query="{type:'continent'}" rootId="continentRoot" rootLabel="Continents"
        childrenAttrs="children">
        </div>
        <div dojoType="dijit.Tree" id="mytree2" model="continentModel" showRoot="false">
        </div>
        <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dojo.data.ItemFileWriteStore");
            dojo.require("dijit.tree.ForestStoreModel");
            dojo.require("dijit.tree.dndSource");
            dojo.require("dijit.Tree");
            dojo.addOnLoad(function() {
                var store = new dojo.data.ItemFileWriteStore({
                    url: "../_static/js//dijit/tests/_data/countries.json"
                });
                var treeModel = new dijit.tree.ForestStoreModel({
                    store: store,
                    query: {
                        "type": "continent"
                    },
                    rootId: "root",
                    rootLabel: "Continents",
                    childrenAttrs: ["children"]
                });
                new dijit.Tree({
                    model: treeModel,
                    dndController: "dijit.tree.dndSource"
                },
                "treeThree");
            });
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">
        <div id="treeThree">
        </div>
        <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dojo.data.ItemFileWriteStore");
            dojo.require("dijit.tree.ForestStoreModel");
            dojo.require("dijit.tree.dndSource");
            dojo.require("dijit.Tree");
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">
        <div dojoType="dojo.data.ItemFileWriteStore" jsId="continentStore5" url="../_static/js//dijit/tests/_data/countries.json">
        </div>
        <div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel5" store="continentStore5"
        query="{type:'continent'}" rootId="continentRoot" rootLabel="Continents"
        childrenAttrs="children">
        </div>
        <div dojoType="dijit.Tree" id="mytree5" dndController="dijit.tree.dndSource"
        betweenThreshold="5" showRoot="false" model="continentModel5" openOnClick="true">
        </div>
        <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script>
            dojo.require("dijit.Menu");
            dojo.require("dijit.MenuItem");
            dojo.require("dijit.tree.ForestStoreModel");
            dojo.require("dojo.data.ItemFileReadStore");
            dojo.require("dijit.Tree");
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>

    <body class=" claro ">
        <ul dojoType="dijit.Menu" id="tree_menu" style="display: none;">
            <li dojoType="dijit.MenuItem" onClick="alert('Hello world');">
                Item #1
            </li>
            <li dojoType="dijit.MenuItem">
                Item #2
            </li>
        </ul>
        <div dojoType="dojo.data.ItemFileReadStore" jsId="menuContinentStore"
        url="../_static/js//dijit/tests/_data/countries.json">
        </div>
        <div dojoType="dijit.tree.ForestStoreModel" jsId="menuContinentModel"
        store="menuContinentStore" query="{type:'continent'}" rootId="continentRoot"
        rootLabel="Continents" childrenAttrs="children">
        </div>
        <div dojoType="dijit.Tree" id="menuTree" model="menuContinentModel" showRoot="false"
        openOnClick="true">
            <script type="dojo/connect">
                var menu = dijit.byId("tree_menu"); // when we right-click anywhere on the tree, make sure we open the menu menu.bindDomNode(this.domNode); dojo.connect(menu, "_openMyself", this, function(e){ // get a hold of, and log out, the tree node that was the source of this open event var tn = dijit.getEnclosingWidget(e.target); console.debug(tn); // now inspect the data store item that backs the tree node: console.debug(tn.item); // contrived condition: if this tree node doesn't have any children, disable all of the menu items menu.getChildren().forEach(function(i){ i.attr('disabled', !tn.item.children); }); // IMPLEMENT CUSTOM MENU BEHAVIOR HERE }); 

            </script>
        </div>
        <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
        <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
    </body>

</html>
ccyingfu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Dojo.tree
风中之枫
07-20 927
http://docs.dojocampus.org/dijit/Tree-examples
dojo.require()
kerwinJu的博客
05-18 1070
Dojo 提供了一个非常强大的JavaScript控件库. 在使用dojo之前,用户基本上不需要具备任何基础知识. 你可以用script远程链接到dojo(dojo.js), 也可以把dojo.js下载到本地并用script标签加载. 如果你不太了解dojo, 可以参考一下如下资料: Dojo 1.4 Cheat SheetDojo Base Source Tree (1.4.3)Do
dojo.require 详解
Mr__XiaoBai的专栏
12-19 1076
Dojo 提供了一个非常强大的javascript控件库. 在使用dojo之前,用户基本上不需要具备任何基础知识. 你可以用script远程链接到dojo(dojo.js), 也可以把dojo.js下载到本地并用script标签加载. 如果你不太了解dojo, 可以参考一下如下资料: Dojo 1.4 Cheat SheetDojo Base Source Tree (1.4.3)Do
Dojo 加载器源文件 dojo.js
robin xiong的专栏
05-06 3844
(function( userConfig, defaultConfig ){ /* summary: 概述 This is the "source loader" and is the entry point for Dojo during development. You may also load Dojo with any AMD-compliant loade
dojo 树形列表 dijit.tree
03-14
在Dojo中，我们可以使用`dijit.tree.ForestStoreModel`来定义数据模型，`dijit.Tree`来创建树视图。每个节点可以包含子节点，通过递归的方式展示层次结构。配置包括定义节点的数据标识（id），以及如何获取子节点的...
dojo Tree数据交互
04-09
在dojo Tree中，可以使用`dijit.tree.ForestStoreModel`或`dijit.tree.model`等模型来处理节点的移动操作。通常，这涉及到调用`move`方法，传入要移动的节点、目标父节点以及在目标节点下的插入位置。 另一份文件...
dojo checkbox tree
08-03
利用dojo的ajax实现树结构，带有checkbox功能
dojo动态tree
12-10
tree.startup(); }); ``` 在这个例子中，我们创建了一个简单的内存存储和对象存储模型，然后创建了一个Tree实例，并将其插入到ID为"treeNode"的DOM元素中。 ### 总结 Dojo动态Tree是一个强大且灵活的工具，适用...
struts2-dojo-tree各种实例
03-19
Struts2 Dojo Tree 是一个基于Struts2框架和Dojo JavaScript库的组件，用于在Web应用程序中创建可交互的树形视图。这个组件允许用户以图形化的方式浏览和操作层次结构数据，例如文件系统、组织结构或者数据库中的...
Python爬虫案例二：获取虎牙主播图片(动态网站)
m0_74614835的博客
08-19 1419
params不能写在__init__()里面，因为__init__()只执行一次，params是变化的。'iPageNo': '{}'.format(i), # i是字符串。print('ok 第{}张--{}'.format(self.no, name))1.异步数据（即先返回HTML，再返回目标的数据，只是触发了JSON请求），不在HTML中。os.mkdir('../虎牙')测试链接：https://live.huya.com/# 构造7页的params。2.不能刷新网页，直接翻页。
Spark2.x 入门：从 RDD 转换到 DataFrame
跟着大数据和AI去旅行
08-25 320
Spark官网提供了两种方法来实现从RDD转换得到DataFrame，第一种方法是，利用反射来推断包含特定类型对象的RDD的schema，适用对已知数据结构的RDD转换；第二种方法是，使用编程接口，构造一个schema并将其应用在已知的RDD上。 利用反射机制推断RDD模式 在利用反射机制推断RDD模式时，需要首先定义一个case class，因为，只有case class才能被Spark
MySQL对JSON数据类型的处理
cesske的博客
08-21 350
MySQL从5.7版本开始提供了对JSON数据类型的支持，‌使得MySQL能够直接存储和管理JSON格式的数据。‌这使得在数据库中处理JSON数据变得更为方便和高效。‌以下是一些常用的处理JSON数据的函数和操作：‌。通过这些操作和函数，‌MySQL允许你灵活地处理JSON数据，‌使得在数据库层面进行复杂的数据操作成为可能。4.‌使用JSON_EXTRACT提取JSON字段。9.‌删除JSON中的键值对。8.‌替换JSON中的值。10.‌搜索JSON数据。2.‌插入JSON数据。6.‌更新JSON数据。
UEditor百度富文本后端上传文件接口
Agroy4712的博客
08-22 524
UEditor百度富文本后端上传文件接口
【TabBar嵌套Navigation案例-推送和提醒界面的内容 Objective-C语言】
madoca的博客
08-21 884
【TabBar嵌套Navigation案例-推送和提醒界面的内容 Objective-C语言】
docker 镜像加速器 实测可用
code在飞的博客
08-22 262
镜像加速地址：https://docker.registry.cyou。实测时间 2024年08月22日。
Vue学习--- vue3 集成遇到的部分问题与解决
最新发布
仗剑执天涯的专栏
08-25 507
构建异常。
进阶岛 多模态模型部署微调实践
cgq081616的专栏
08-24 651
让我们一起修改XTuner下 InternVL的config，文件在： /root/InternLM/code/XTuner/xtuner/configs/internvl/v2/internvl_v2_internlm2_2b_qlora_finetune.py。response = pipe(('请你根据这张图片，讲一个脑洞大开的梗', image))response = pipe(('请你根据这张图片，讲一个脑洞大开的梗', image))三、使用InternVL 推理部署。3.1.2、推理结果。
InternVL 多模态模型部署微调实践
weixin_42037035的博客
08-21 627
nternVL 是一种用于多模态任务的深度学习模型，旨在处理和理解多种类型的数据输入，如图像和文本。它结合了视觉和语言模型，能够执行复杂的跨模态任务，比如图文匹配、图像描述生成等。通过整合视觉特征和语言信息，InternVL 可以在多模态领域取得更好的表现。
Dojo工具包入门：DOM操作与特性解析
1. 提供丰富的UI组件，如dijit模块中的TAB、TREE等，以增强Web应用的交互性和可用性。 2. 提供简洁的API，使得创建动态效果和交互式用户界面变得更加简单。 3. 采用模块化设计，通过其强大的事件系统和I/O API，支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值