Asp.Net大型项目实践(9)-ExtJs实现系统框架页（非iframe,附源码,在线demo）

　　本篇我们来做系统的框架页，并用EXT的“load”方式实现单页渲染。使整个应用程序就是一个单页，而非iframe实现的框架页，这样那些引用的繁杂JS库只需加载一次即可，而无需每个功能页都重新加载一边所有引用JS，从而大大提高了效率，杜绝了内存溢出错误。国际惯例先看效果图：
在线Demo：http://218.60.8.35:1234/(按登录按钮直接进入，如果你路由器禁用了1234端口可能访问不到哈)

代码

function Main_Index() {

var btn = new Ext.Button({
text : '我是一个Ext按钮',
handler : function() {
Ext.MessageBox.alert('提示框', '代码如尿崩，谁与我争疯！');
}
});
var panel = new Ext.Panel({
title : '一个panel',
items : [btn]
});
JsHelper.ExtTabDoLayout(panel);// 注意这里把panel组件加到当前的tabpanel里
}
Main_Index();// 执行方法

最后效果如下：



这两篇关于EXT的内容都比较简单，没有涉及到EXTJS与后台Asp.net MVC的交互，下篇准备开始正经介绍EXTJS与后台的各种复杂交互，这里向大家征求一下意见，后面的篇章我想有两种方式去写：

第一种:先把MIS中的EXT结合后台的每个典型UI场景（如：下拉框绑定，表格绑定，表单提交等...）独立的系统的讲

第二种：直接按业务应用功能场景实现(如：字典管理，用户管理，角色管理，菜单管理...等，计划是完整的实现整个权限管理)去讲，这样虽然也会涉及到所有的典型UI场景，但各种UI场景设计交织在一起，比较复杂，我也不可能讲的太细，怕大家看不明白...

希望大家留言。

源码：HISDemo-9.rar