ExtJS & ASP.NET MVC3.0 学习笔记二

2011-07-15 20:28 bugfly 阅读(3602) 评论(9) 编辑收藏举报

系列目录

ExtJS & ASP.NET MVC3.0 学习笔记四

正题

　　今日我们来看看ExtJS下的两个UI组件，Button和Window，如果你曾经用过JQuery，这两个东西也不会很陌生。在我看来，这两个东西都是在开发中经常用到的，几乎每一个Web都会用到Button，Window可能不多，但也是必不可少的东西，所以我们来扫一扫ExtJS下的Button和Window。我粗略地翻了翻ExtJS的API文档，我发觉这两个东西都有不少属性和方法注解，作为一篇文章，准确地说是学习笔记，应该把常用的部分罗列出来，给ExtJS初学者一种直观的使用角度，对它的UI组件学习产生兴趣，所以我不打算把所有属性都描述一遍。作为笔记不应该太多废话，好吧，不墨迹了。

Ext.Button

ExtJS果真很面向对象，明确的类，完整的继承体系，这么直观，想必也不用我废话了~XD，我们来看看应用代码

　　这里的@section JavaScript上篇有粗略介绍，不了解的朋友可以看看上一篇笔记，这里就不再解释了，Button的属性都很直观，但要注意的是以下3点。

　　Ext.getBody():是EXT对document.body的封装，获得Body DOM节点的内容。

　　renderTo:文档解释是把Render产生端作为目标元素的子节点，我对这个解释存在疑惑！

　　handler:用于指定触发的函数，默认的是点击事件。

我们看看运行效果

点击一下

　　一个普通的按钮，平时我们实现这种效果，首先要写一个创建按钮的HTML代码块，再根据需要加入脚本去赋予其交互功能，而这里只需要写脚本就实现了平时我们要做的两样东西了，有种简化工作任务的感觉吧？或许你会说，“最终其实也是HTML，前端还是手工写HTML实在！”这个是当然的了，好不好见仁见智了，我个人认为，学习的时候更复杂更多的代码都不怕，但真正上到工作上，效率才是王道，前提是优雅~XD。