从另一个dojo模板窗口小部件调用dojo模板小部件中的函数
call function in dojo template widget from another dojo template widget
我需要从另一个dojo模板小部件调用dojo模板中的一个函数。问题是,我需要像调用静态函数一样调用这个函数,而不创建模板的新实例——有这样的方法吗?在我的应用程序中,模板1是一个数据网格,模板2是通过单击数据网格中的行打开的表单。我需要根据在表单中采取的操作刷新数据网格
感谢
Start Page:
<!DOCTYPE html>
<html >
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css">
<script>
var dojoConfig = {
parseOnLoad:true,
async: true,
isDebug:true,
packages: [
{name: "Scripts", location: location.pathname.replace(/'/[^/]+$/, "") + "/Scripts"}
]
};
</script>
<script src="http://js.arcgis.com/3.10/"></script>
<script>
require(["Scripts/Mod1", "Scripts/Mod2"],
function (Mod1, Mod2) {
M1 = new Mod1();
M1.M1Method("call from main page");
// Mod1.M1Method("call from main page");//any way to make so this could work like static function?
});
</script>
</head>
<body class="claro">
<div>look here you</div>
</body>
</html>
模板1:
define(["Scripts/Mod2", "dojo/_base/declare", "dijit/_WidgetBase"],
function (Mod2, declare, _WidgetBase) {
return declare([_WidgetBase], {
M1Method: function (msg) {
alert(msg);
M2 = new Mod2();
M2.M2Method("call from Mod1"); //works great
// Mod2.M2Method("call from Mod1"); //any way to make so this could work like static function?
},
M1Method2: function (msg) {
alert(msg);
}
}
)
}
);
模板2:
define(["require", "dojo/_base/declare", "dijit/_WidgetBase"],
function (require, declare, _WidgetBase) {
return declare([_WidgetBase], {
M2Method: function (msg) {
alert(msg);
try {
require(["Scripts/Mod1"], function (Mod1) {
M1 = new Mod1();
M1.M1Method2("call from Mod2");
//Mod1.M1Method2("call from Mod2");//any way to make so this could work like static function?
});
} catch (dohObj) {
alert(dohObj.message);
}
}
}
)
}
);
我不完全确定你的实际问题是什么,但如果你想创建"静态方法",那么是的,这是可能的。只需将它们添加到declare()
语句之后,如下所示:
var M1 = declare([_WidgetBase], {
/** Your code */
});
M1.M1Method = function(msg) {
/** Your static method */
};
return M1;
但是,请注意,如果您创建了一个静态方法,那么在创建实例时它是不可用的,例如以下方法将起作用:
M1.M1Method("test");
但这将不再有效:
var m = new M1();
m.M1Method("test");
如果你想创建一个既可以作为原型的一部分又可以作为"静态方法"的方法,那么你可以写这样的东西:
/** An object containing your "static methods" */
var statics = {
static: function (msg) {
console.log("Static:" + msg);
}
};
/** Your actual prototype */
var M1 = declare([], lang.mixin({
nonStatic: function (msg) {
console.log("Non static:" + msg);
}
}, statics));
/** Mixin the statics */
lang.mixin(M1, statics);
return M1;
因此,我们在这里使用dojo/_base/lang::mixin()
来混合静态对象两次,首先我们使用它来将其混合到原型中,这样当您有一个实例时,您仍然可以访问该方法,然后我们也将它混合到结果中。
我在JSFiddle上设置了一个基本示例:http://jsfiddle.net/g00glen00b/FE9Qz/
相关文章:
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 在Dojo构建期间,在最小化期间关闭文件编译
- 从另一个dojo模板窗口小部件调用dojo模板小部件中的函数
- 在Dojo中创建小部件
- Dojo将索引0处的数据从数组绑定到小部件
- 如何将一个小部件添加到 DOJO 中的另一个小部件
- Dojo 加载器不加载回调中使用的小部件依赖项
- 将 onClick 侦听器连接到 Dojo 小部件
- 重新初始化(或重新声明)Dojo小部件
- Dojo:用Options以声明方式定义类似Select的小部件
- Dojo:小部件实例共享相同的变量
- Dojo 小部件:如何设置小部件内文件的 url
- Dojo:我可以将两个或多个小部件添加到同一个边界容器区域吗?
- 同步相互依赖的 Dojo 小部件/值
- 如何通过按 id 注册但未在任何 DOM 节点中引用来删除 dojo 小部件
- DOJO 获取小部件的 ID
- DOJO dijit/registry registry.byId() 不监视小部件
- Dojo 1.9:placeAt 在父小部件启动时自动调用启动
- 使用 Dojo 禁用 DIV 中的所有小部件
- Dojo ValidationTextArea 小部件在无效时如何突出显示