我想添加一个通用对话框,其中"Ok"和"Cancel"按钮支持回调函数.
如何使用Dojo AMD实现这一目标?
例如:
myDialog = new Dialog ({
title: "My Dialog",
content: "Are you sure, you want to delete the selected Record?",
style: "width: 300px",
onExecute:function(){ //Callback function
console.log("Record Deleted")
},
onCancel:function(){
console.log("Event Cancelled") }
});
// create a button to clear the cart
new Button({ label:"Ok"
onClick: myDialog.onExecute()
}
new Button({ label:"Cancel"
onClick: function(){ myDialog.onCancel() }
}
Run Code Online (Sandbox Code Playgroud) 我一直试图弄清楚如何使用Dojo 1.7在Dialog中创建和显示表单.
我希望我的对话框看起来像这样:

我见过的所有样本都使用Markup,但没有使用AMD
我从头开始尝试使用良好的实践,从头开始了一个dojo项目.我是dojo工具包的新手,所以我正在浏览大量的文档和示例,这给我留下了很多很酷的东西,但没有办法为未来的dev(或附加组件)实现架构.我在网上搜索过,发现这个dojo样板项目似乎是一个很好的开始,但是我想要更多东西,我想实现MVC模式(我有很多经验,有关JAVA和Ruby on rails dev )在我的应用程序中,遇到了这个非常酷的例子.所以,我创建了这样的东西,这似乎是组织我的项目非常合法的方式.纠正我,如果我错了......或者你有更好的方法.

现在,我准备开始了.我在dojo toolkit网站上尝试了几个教程.当你只有一个页面时,运行得非常好.但是现在,我想知道如何将这个布局教程实现到我自己的应用程序中.我希望这种布局成为我的应用程序的主要布局(所以,我试着把这些代码片段放到我的index.html中),
<div
id="appLayout" class="demoLayout"
data-dojo-type="dijit.layout.BorderContainer"
data-dojo-props="design: 'headline'">
<div
class="centerPanel"
data-dojo-type="dijit.layout.ContentPane"
data-dojo-props="region: 'center'">
<div>
<h4>Group 1 Content</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. …Run Code Online (Sandbox Code Playgroud)