一起学习extjs（-）

      可以说，Extjs是系统类项目最好的UI（前端用户界面）选择，特别是自从Extjs4.0出来后，不管是代码美观还是性能的提高，及其功能之强大，说它排第一，无可厚非。当然，最近也蛮流行EasyUI这个轻量级的，据说是国人开发的UI。 其实，也是很不错的。大家可以根据自己项目的情况来进行选择。

废话不多说，我们先下载官方的源码包，解压引入样式和脚本：

<link href="Content/Extjs4.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />

<script src="Content/Extjs4.0/bootstrap.js" type="text/javascript"></script><%--引入这个是动态的来判断，开发环境跟正式环境要引入以下哪个js--%>

<%--<script src="Content/Extjs4.0/ext-all.js" type="text/javascript"></script> 正式环境引入--%>
<%--<script src="Content/Extjs4.0/ext-all-debug.js" type="text/javascript"></script> 调试环境引入--%>

然后，我们自己在引入一个js文件：

<script src="scripts/HelloWorld.js" type="text/javascript"></script>

打开脚本，输入以下代码：

1 2 3

Ext.onReady(function () { Ext.MessageBox.alert("hello China!","hello world!"); });

显示如下：

如果有接触过jquery的或者EasyUI的，看起上面的代码来还是很舒服的。

     

1	Ext.onReady(function(){...}); 约=window.onload=function(){...};约=$(function(){...});==$(document).ready(function(){...});

 

EasyUI是基于jquery的，上面的弹出框，EasyUI怎么实现呢？也是差不多的，看如下代码：

1
 $.messager.alert('Hello China！','Hello World！');

当然，别忘了引入jquery库和easyui库，更别忘记了，把上面的代码，放到$(function(){...});里。

提醒：alert("a"); 是不会覆盖Ext.MessageBox.alert的