一起学习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>

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

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

　　显示如下：

      

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

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

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

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

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

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