Dojo+MVC 之旅1 HelloWorld

前端之家收集整理的这篇文章主要介绍了Dojo+MVC 之旅1 HelloWorld前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@ASP.Net MVC抛弃jQuery使用Dojo

@H_403_0@理由如下:

@H_403_0@1.支持svg 地图

@H_403_0@2.图表

@H_403_0@3.验证

@H_403_0@4.ui

@H_403_0@。。。

@H_403_0@假如jQuery要实现以上功能他的包大小肯定比Dojo大。他没有官方的实现,除了jQuery UI以外。

@H_403_0@说明Dojo版本的差异太大,按照网上的资料大部分不好用。只有参照他的api编写。在我的资源有Dojo1.8 chm

@H_403_0@1.配置Dojo

@H_403_0@var dojoConfig = {
parSEOnLoad: true,
isDebug: true,
locale: "zh",
baseUrl: "/Scripts/dojo/" 注意此处不能有~
};

@H_403_0@2.引入Dojo

@H_403_0@<script type="text/javascript" src="@Url.Content("~/Scripts/dojo/dojo.js")"></script>

@H_403_0@

@H_403_0@3.load事件,参照jQuery.ready

@H_403_0@dojo.ready(function () {});

@H_403_0@以上参照网上的ok!

@H_403_0@但是一下就不好用了

@H_403_0@添加一个button+触发事件。下面是正确的方法,版本1.8.3

@H_403_0@引入css

@H_403_0@<link rel="Stylesheet" href="@Url.Content("~/Scripts/dijit/themes/claro/claro.css")" type="text/css" media="screen" />

@H_403_0@引入dijit

@H_403_0@<script type="text/javascript">
dojo.require("dijit.form.Button");
myOnClick = function (evt) {
alert("click");
};
dojo.ready(function () {
dojo.connect(dojo.byId("button1"),"onclick",myOnClick);
});
</script>

@H_403_0@html

@H_403_0@<body class="claro">
<button id="button1" data-dojo-type="dijit/form/Button">测试</button>
</body>

@H_403_0@测试ok!花了大半天的时间浪费在

@H_403_0@dojo.require("dojo.event.*"); 上了经过firefox调试他不动了。

@H_403_0@经过长时间的调试熟悉发现版本不同使用的方法不同。

@H_403_0@说一句,Dojo的技术资料不如jQuery。

@H_403_0@而且Dojo中国感觉还是个人的网站根本不像是Dojo官方的。他不是以推广Dojo为宗旨的。他是介绍Dojo顺带卖自己产品的。

猜你在找的Dojo相关文章