Dojo
Dojo例子程序学习
superfreak
知到极处便是行,行到极处便是知。我写博客的目的就是希望达到**行到极处便是知**
初级程序员一个,喜欢写HelloWorld。
学习过的语言按照时间排序为:C、C++、VB、C#、Java、Javascript、SQL、HTML、CSS、Python。
都不精通,都稀松平常,我继续努力,早日月薪5万!
展开
-
Layout with Dijit-几个程序的完整图片
整个例子的最终效果图如下:图1就是有个头、左侧边栏、右侧是内容栏,然后内容栏内部是用tab页面方式来进行布局。接下来是只有HTML标签,没有加任何控件的页面。页面如下图:图2接下来是:添加了widget之后,但是还没有添加tab页面的时候的效果,图如下:图3接下来是:是嵌套的BorderContainer,这个例子很精妙,上下,左右都可以调尺寸,图如下:图4接下来:添加了Tab页面的效果,这个也是最终的效果图了,和上面的第一张图片是一样的。属性上可以设置一下tab页面的具原创 2020-08-18 16:31:33 · 130 阅读 · 0 评论 -
Dojo Tutorials:Getting Started with Deferreds源代码和例子执行汇总
例子一对一个json文件发起请求,得到结果后返回结果。解析失败返回错误。<!DOCTYPE HTML><html lang="en"> <head> <meta charset="utf-8"> <title>Demo: dojo/Deferred</title> <link rel="stylesheet" href="style.css" media="screen"> </head原创 2021-11-22 15:03:32 · 428 阅读 · 0 评论 -
编程方式创建一个dojo进度条:dojo progressbar
<!DOCTYPE html><html ><head> <link rel="stylesheet" href="claro.css"> <script>dojoConfig = {parseOnLoad: true}</script> <script src='dojo/dojo.js'></script> <script>require(["dijit/Progress.原创 2021-11-02 14:17:16 · 172 阅读 · 0 评论 -
一个很大的select 下拉框,朝阳区的村
//下面是 村 select的创建 var villageselect = new Select({ name: "villageSelect", options: villageoption_head, onChange: function(value){ //document.getElementById("value").innerHTML = value; //document.getElementById("displaye.原创 2021-10-27 15:45:57 · 123 阅读 · 0 评论 -
朝阳区的乡
var townoption=[ { value: "", label: "请选择乡镇", selected: true }, { value: "anzhen", label: "安贞街道直属" }, { value: "aoyuncun", label: "奥运村街道直属" }, { value: "bali.原创 2021-10-22 16:10:53 · 110 阅读 · 0 评论 -
用Dojo Select的option属性实现下拉框联动
源代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Demo: Dijit Select using options</title> <link rel="stylesheet" href="css/demo.css" media="screen"> <link rel="stylesheet" href原创 2021-10-22 14:53:43 · 258 阅读 · 0 评论 -
Dojo_getting-started:Getting Selective with Dijit文章的三个例子代码和效果
dojo的官方网站例子加载的时候不是很顺畅,我自己复制的代码,实现了该文章的三个例子。代码和图分别如下。dijit/form/Select例子1代码:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Demo: Dijit Select</title> <link rel="stylesheet" href="cs原创 2021-10-22 09:57:17 · 71 阅读 · 0 评论 -
dojo仪表盘大全
本文提供require 路径和 dojo仪表盘的图片。用哪个,哪个是什么样子的仪表盘,供大家参考。<!DOCTYPE html><html><head> <title>Dojo仪表盘</title> <meta charset="utf-8"> <script src="http://192.168.240.186/arcgis_js_api/library/3.6/init.js"><原创 2021-10-19 16:30:12 · 87 阅读 · 0 评论 -
Dojo:Fundamental:Getting Started with Deferreds
官方的例子需要访问一个json文件,内容如下:[ { "id": 1, "username": "user1", "name": "User One" }, { "id": 2, "username": "user2", "name": "User Two" }, { "id": 3, "username": "user3", "name": "User Three" }]放在服务器上,和html文件放在一起就可以了。例子1是比较繁琐的创建和使用deferred:...原创 2021-07-06 09:34:43 · 66 阅读 · 0 评论 -
JS API Sample_Query Attachments 查询附件
本程序实现了在鼠标点击区域范围内搜索800米范围内的那些带有附件的要素,并把附件图片显示出来。有个别地方我没有看懂,加了一些注释放在下面供参考和以后研究。我没有看懂的主要是在:含有Object.keys(attachmentsByFeatureId) 的代码段,确切的说还不是特别懂Object.keys()的用法。<html> <head> <meta charset="utf-8" /> <meta name="viewport" .原创 2021-06-04 11:05:22 · 205 阅读 · 0 评论 -
arcgis api for JS:完整版实现创建两个view,view上放置关闭按钮,点击按钮,关闭这两个view
场景:完整版实现创建两个view,view上放置关闭按钮,点击按钮,关闭这两个view 。//创建两个新的div元素:leftdiv和rightdiv function createTwoDivs(){ //left div leftdiv=document.createElement("div"); leftdiv.id="leftViewDiv"; left原创 2021-05-14 15:08:24 · 290 阅读 · 0 评论 -
Dojo-Chart:Demo: Monthly Sales with Legend, Tooltips, and Magnify
<!DOCTYPE HTML><html lang="en"> <head> <meta charset="utf-8"> <title>Demo: Monthly Sales with Legend, Tooltips, and Magnify</title> <link rel="stylesheet" href="style.css" media="screen"&...原创 2021-02-23 09:12:16 · 108 阅读 · 0 评论 -
Dojo:查看chart 的 plot属性即chart的类型
官方在这个位置有这么个文章可以看到所有的chart的类型。https://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/charting/tests/test_chart2d.html我把图搬到这里来看方便些。1:一组柱状图,带有正值和负值,可读的主题。2:泡泡图,绿色主题3:线图,经过计算的标注4:线图,预先计算的标注5:默认:线,没有轴6:默认:线,没有轴,以及定制化的线画7:面积,高兴主题原创 2021-02-22 17:01:31 · 319 阅读 · 0 评论 -
Dojo官方教程:Charting
实现了用程序代码来创建饼图,而不是用声明式。教程里面说:建议用代码而不是声明式的,代码的创建方式更稳定更可控。代码如下:<!DOCTYPE HTML><html lang="en"> <head> <meta charset="utf-8"> <title>Demo: Basic Programmatic Chart</title> <link rel="styl...原创 2021-02-22 15:48:53 · 244 阅读 · 0 评论 -
Layout with Dijit 一文中 BorderContainer 嵌入BorderContainer 的详细解析
仔细对照代码,在看看图,必有收获。<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Demo: Nested BorderContainer</title> <link rel="stylesheet" href="css/demo.css" media="screen"> <link rel=...原创 2021-02-05 15:11:56 · 156 阅读 · 0 评论 -
arcgis JS API 中 watch函数的含义和出处
在帮助文件中有一个文章叫做《Programming patterns》,这里面提到了 很多API的类均是Accessor类的子类均有以下三个方法:Method Name Return Type Description get(propertyName) Varies Gets the value of the property with the namepropertyName set(propertyFields) N/A For eachkey/val..原创 2020-10-26 17:14:59 · 480 阅读 · 0 评论 -
快速看到Dojo能做到什么界面?什么风格
发现了一个好东西和大家分享。可以看到四个风格的样子,还有dojo能做什么UI。https://download.dojotoolkit.org/release-1.9.3/dojo-release-1.9.3/dijit/themes/themeTester.html?theme=tundrahttps://download.dojotoolkit.org/release-1.9.3/dojo-release-1.9.3/dijit/themes/themeTester.html?theme=c原创 2020-08-21 10:24:53 · 131 阅读 · 0 评论 -
Dijit Themes, Buttons, and Textboxes-例子图片
第一个例子是一个hello文本,应用了样式,不过啥效果也没有,图片如下:我自己加的一个例子,几个css都用了,也是没有啥效果。图片和第一个一样。就不上图了。官方的第二个程序是:一个button,点击后控制台会出现一段文字,图片如下:第三个程序是给Button加了图片,点击也是会在控制台出现文字,(原文的例子是不显示label,按钮上没有什么字,我给改为true了,就会显示文字)图片如下:第四个程序是:三个不同的按钮,toggle、Commo、DropDown,图如下:两张分别对应原创 2020-08-20 17:08:30 · 126 阅读 · 0 评论 -
Dijit Themes, Buttons, and Textboxes-执行代码和结果
这个dojo教程的作者吧我也是服了,似乎就是怎么不好用就怎么写这教程例子里面总是不写引用dojo.js这句,搞得人吧需要花更多的时间才可以搞定,完整代码如下。<!DOCTYPE HTML><html lang="en"><head> <meta charset="utf-8"> <title>Demo: Dijit Buttons</title> <link rel="stylesheet...原创 2020-08-14 17:34:45 · 124 阅读 · 0 评论 -
dojo 教程中的demo dot css 文件内容如下
* { outline: none !important;}body { margin: 0; padding: 2em; font-family: Lucida Sans,Lucida Grande,Arial !important; font-size: 13px !important; background: white; color: #333;}button { -webkit-transition: background...原创 2020-08-07 17:43:57 · 158 阅读 · 0 评论 -
Layout with Dijit 程序图片
原创 2020-08-07 16:51:21 · 112 阅读 · 0 评论 -
dijit/Dialog 示例
原创 2020-08-07 14:55:45 · 278 阅读 · 0 评论 -
2020-08-07Dojo官方教程-例子图片
dojo官方网站的例子都是在线的,基本上都打不开,用的是Google的CDN啥的,反正我在办公室也访问不了。我自己搭建了开发环境,例子出来了,图片就和大家分享一下,加快大家的学习进度。学习这个dojo,主要是为了做Arcgis 的web开发,懂的人就知道我在说什么。第一个例子的代码图片是:执行出来的结果是:...原创 2020-08-07 09:47:32 · 159 阅读 · 0 评论