DotNetNuke 5.0 全面集成 jQuery

Dotnetnuke 5.0集成jQuery

DNN客户端发展回顾

在过去的四年中DotNetNuke不断的用javascript集成客户端功能, 初始阶段使用ClientAPI,它提供了不少实用的客户端功能.  之后当微软的 ASP.Net AJAX 发行后DNN很快采用了这个Ajax构架,因为ASP.Net AJAX解决了很多DNN待解决的问题。 现在伴随着DotNetNuke 5.0马上要上线, 其中一个主要的特色就是它的小插件构架(Widget framework)这个构架简化了建立和发布JavaScript的步骤。在重新审视新的需求后不难发现现在最需要的是一个拥有集成丰富用户体验,兼顾跨浏览器支持并且可以方便的集成到模块开发中的解决方案。

 

DNN决定全面集成jQuey

伴随着微软宣称将会在下一个版本的Visual Studio中集成jQuery, 这使我们的选择变得异常简单 - 在DNN 5.0 中将会全面的支持jQuery。使用jQuery使得目前一些客户端的代码大大的简化了。在5.0之后的几个版本中将会逐步的移植现有的库文件使用jQuery实现。

 

 

DNN5.0是如何集成jQuery的

如果用Host帐号登录DNN 5在Host > Host Settings > Advanced Settings 你可以发现多了一个 jQuery Settings

通过这个选项你可以配置使用不同版本的的jQuery. 在DNN 5中默认使用存储于resources 目录的压缩版(minified version) jQuery, 这个设置提供了很好的性能并且不依赖于外界资源。 如果你想追求更大性能上的优化可以选择Hosted jQuery, 你可以看到默认的Hosted jQuery是存储与google上的压缩版jQuery, 使用这个版本的好处是用户的浏览器有很大的可能已经缓存了这个文件,这样网页读取的速度就会快些。

Hosted jQuery 设置同样给了管理员控制jQuery版本的可能, 这里有一点要注意不要使用过旧的jQuery版本, 因为DNN核心框架和一些第三方模块都可能会依赖新版jQuery。

在短期内, DNN5使用了jQuery实现了一些功能,例如Pane Previews这个功能是当你选择要添加模块到哪个板块时, 那个板块会以高亮显示在屏幕上, 同时使用jQuery简化了Widget framework

在模块中快速应用jQuery

看了上面的介绍是不是已经迫不及待的试试看集成jQuery后的新特性

我写了一个很简单的jQuery模块测试了一下,用默认的设置一切运行良好

jquery

这里简单的实现了一个带动画的隐藏、展开面板功能

可以看到 我们不需要再特别声明jQuery.noConflict(); 在4.x.x版本使用jQuery时admin模式中的JavaScript错误也不见了。

 

参考文章: DotNetNuke 5.0: Now with jQuery

 

欢迎加入DNN QQ群讨论

DNN QQ群:    74812936
DNN MSN 群: group247485@msnzone.cn

 

作者: John
出处: DnnMix DotNetNuke 博客
原文链接: DotNetNuke 5.0 全面集成 jQuery
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明
posted @ 2008-11-30 11:57  Dnnmix  阅读(3423)  评论(5编辑  收藏  举报