1,创建Widgets:dojo可以这样创建Wedgets:
<input dojoType="ComboBox" value="default" dataUrl="comboBoxData.js">
Click me
var myButton = dojo.widget.byId("foo");
也可以这样创建:
创建一个Editor并显示:
var editor = dojo.widget.createWidget("Editor2", { });
document.body.appendChild(editor.domNode);
创建时使用properties:
var btn = dojo.widget.createWidget("Button", { label: "Press me", disabled: false });
带innerHTML的Wedgets:
var srcNode = document.createElement("div");
srcNode.innerHTML="This is my content";
var btn = dojo.widget.createWidget("Dialog", {}, srcNode);
菜单:
var menu = dojo.widget.createWidget("PopupMenu2", {targetNodeIds: ["test1", "test2", "testwithindiv"]});
menu.addChild(dojo.widget.createWidget("MenuItem2", {caption: "MENU 1"}));
menu.addChild(dojo.widget.createWidget("MenuItem2", {caption: "MENU1-Item 1"}));
menu.addChild(dojo.widget.createWidget("MenuItem2", {caption: "MENU1-Item 2"}));
2,与Widgets交互
创建后的Wedgets可以这样取得引用:
var myButton = dojo.widget.byId("foo");
当然创建的时候本身就可以得到引用:
var myButton = dojo.widget.CreateWidget("Button", {caption: "click me"});
设置Widgets属性:
myButton.setCaption("Don't press me!!");
注意象下面那样做事没有用的,因为Widgets并不知道属性变了:
myButton.caption="this won't do anything";
另外:disable属性用disable()/enable() 函数来设置
两个重要的只读属性:
-
domNode - points to the node that replaced your original markup (the [button] tag in the example above)
-
containerNode - points to the node that contains the contents of the original markup ("Click me" in the example above)
form1.appendChild(btn.domNode);
3,给Widgets注册事件
可以这样:
<button dojoType="Button" onClick="alert('hello world')">
注意:不像dom事件是全部小写的
以前已经学习过使用connect来注册事件监听器了。
dojo.event.connect(myButton, onValueChanged, function(x){
alert("new val is " + x);
});
4,Widgets的显示和隐藏
- myButton.show() - 显示
- myButton.hide() - 隐藏
- myButton.toggle() - 转换显示/隐藏
- isShowing() - 判断Widgets现在是否正在显示?
在隐藏和显示切换的时候可以用4种动画:
- plain
- fade
- wipe
- explode(经常用于tooltip)
这样设置:
<div dojoType="FloatingPane" toggle="fade" toggleDuration="250">
分享到:
相关推荐
,dojo提供小巧的 widgets ,animate transitions; c、利用它的低级APIs和可兼容的代码,写出轻便的、单一风格(复杂)的javascript代码,Dojo的 event system, I/O APIs, and generic language enhancement form ...
EDT Mobile Runtime 主要包含两大模块: Dojo mobile widgets & PhoneGap mobile widgets a. org.eclipse.edt.rui.dojo.mobile.nightly: provides dojo egl mobile widgets support.(使用请参考sample) b. org....
EDT Mobile Runtime 主要包含两大模块: Dojo mobile widgets & PhoneGap mobile widgets a. org.eclipse.edt.rui.dojo.mobile.nightly: provides dojo egl mobile widgets support.(使用请参考sample) b. org....
EDT Mobile Runtime 主要包含两大模块: Dojo mobile widgets & PhoneGap mobile widgets a. org.eclipse.edt.rui.dojo.mobile.nightly: provides dojo egl mobile widgets support.(使用请参考sample) b. org....
jar包,官方版本,自测可用
@ dojo /示例 该存储库包含使用Dojo构建的示例应用程序。 有关Dojo的最新进展,贡献准则和其他信息,请访问 。 例子 ...来自@ dojo / widgets的小部件的展示,这些小部件已编译为自定义元素。 自
@ dojo /商店 该库提供了一个应用程序商店,旨在补充@ dojo / widgets和@ dojo / widget-core或任何其他React式应用程序。用法要使用@dojo/stores ,请安装该软件包及其必需的对等依赖项: npm install @dojo/stores...
The Dojo toolkit provides an end-to-end solution for development in the browser - everything from its standard JavaScript library and turnkey widgets to build tools and a testing framework. This ...
在prpc中使用ajax技术 Ajax in PRPC 1.Dojo introduction 1.1 What is Dojo? • Dojo is the Open Source JavaScript Toolkit ...• Dojo offers widgets, utilities, higher IO (AJAX) abstraction etc.
一个节点模块,它通过确定某个依赖项是否是WAB小部件并且应放置在/widgets目录中,还是应该放入另一个依赖项(即第三方库,dojo dijit),来帮助Web Appbuilder项目进行依赖项管理。 /libs 。 当前实现为一组文件...
这些小部件是使用Dojo的小部件创作系统。 用法 要在项目中使用widgets-preview ,您将需要安装软件包: npm install 该软件包包含此存储库中的所有小部件。 游行队伍展示柜也包括在内。 要以开发模式启动它,请...
ArcGIS JavaScript 打印小部件这是一个用于的 Dojo 打印小部件。 将使用打印服务生成地图的 PDF。 示例配置: { "name" : "print" , "path" : "widgets/print/print" , "options" : { "printUrl" : ...
org.eclipse.edt.rui.dojo.mobile.nightly: provides dojo egl mobile widgets support. b. org.eclipse.edt.rui.phonegap.mobile.nightly: provides mobile device native feature support. Besides, Each widget ...
它还使用dojo的出色的系统通过JS中的类演示了模块化设计和OOP的最佳实践。 尝试演示: 包含的小部件: 底图 底图图库 书签 方向 画 编辑 找 咆哮者 帮助 家 确认 图层控制(目录) 传奇 区域设置(更改国家/地区...
(Dojo Select) 中选择图层 id 添加几何图标; 几何选择器(现在 => "*") IntroJS ft WAB :dizzy: 为什么使用? 当新用户访问您的网站或产品时,您应该使用分步指南展示您的产品功能。 即使您为产品开发和添加新功能...
dojo开发工具,Eclipse3.3插件。 jMaki是SUN支持的一个AJAX框架。这个项目的是让Java开发人员在其基于Java的应用程序中(不管是JSP标签库还是JSF组件)都能使用 AJAX技术。jMaki使用了Java与JavaScript中最优秀的部分...
SMIL, Voxeo's Prophecy server, VoiceXML (VXML), grXML, Frost library, WALL, WURFL, SMS, MMS, mobile payment gateways, mobile widgets, Mobile AJAX, Android, Google Gears, and Dojo Offline. What you ...
这个小部件在Dojo框架中不容易开发。 施工期间的每次迭代都有些尴尬。 我宁愿希望发展成为Java原生的东西。 因此,经过几天的苦苦挣扎,我决定花更多的时间来开发一个框架,该框架可以利用我已经知道的工具来开发...