主页面前台代码：

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs" Inherits="WebEXT.MainForm" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

     <title>管理系统</title>

 </head>

 <script type="text/javascript">

     var addTab = function (tabPanel, id, url, title) {

         var tab = tabPanel.getComponent(id);

         var url = url.replace('#','');

         if (!tab) {

             tab = tabPanel.add({

                 id: id,

                 title: title,

                 closable: true,

                 autoLoad: {

                     showMask: true,

                     url: url,

                     mode: "iframe",

                     maskMsg: "Loading " + url + "..."

                 }

             });

         }

         tabPanel.setActiveTab(tab);

     }

     </script>

 <body>

     <form id="form1" runat="server">

     <div>

         <ext:ResourceManager ID="ResourceManager1" runat="server">

         </ext:ResourceManager>

         <ext:Viewport ID="Viewport" runat="server" Layout="BorderLayout">

             <Items>

                 <ext:TreePanel runat="server" ID="TreePanel1" Region="West" MinWidth="" Width=""

                     Title="系统功能目录" Split="true" Border="true">

                     <Root>

                         <ext:Node Text="菜单" NodeID="-1" Expanded="True" Icon="ApplicationLink">

                         </ext:Node>

                     </Root>

                     <BottomBar><ext:StatusBar ID="StatusBar1" runat="server" AutoClear=""></ext:StatusBar></BottomBar>

                     <Store>

                         <ext:TreeStore runat="server">

                             <Proxy>

                                 <ext:AjaxProxy Url="/tree-handler.ashx">

                                 </ext:AjaxProxy>

                             </Proxy>

                         </ext:TreeStore>

                     </Store>

                     <Listeners>

                         <ItemClick Handler="addTab(#{TabPanel1},'tab'+record.data.id, record.data.href,record.data.text);">

                         </ItemClick>

                     </Listeners>

                 </ext:TreePanel>

                 <ext:TabPanel ID="TabPanel1" runat="server" Region="Center" ActiveTabIndex="" Border="True"

                     Title="主界面" AutoScroll="True">

                     <Items>

                         <ext:Panel ID="Test1" runat="server" Title="主页" Collapsed="false">

                         </ext:Panel>

                     </Items>

                 </ext:TabPanel>

             </Items>

         </ext:Viewport>

     </div>

     </form>

 </body>

 </html>

异步加载树的代码：

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using Ext.Net;

 namespace WebEXT

 {

     /// <summary>

     /// tree_handler 的摘要说明

     /// </summary>

     public class tree_handler : IHttpHandler

     {

         public void ProcessRequest(HttpContext context)

         {

             //得到node id

             string nodeId = context.Request["node"];

             SysMenuInfo sysMenuInfo = new SysMenuInfo();

             //根据node id 进行处理

             NodeCollection nodes = new NodeCollection();

             IList<sysMenu> list = new List<sysMenu>();

             list = sysMenuInfo.GetChildMenu(nodeId);

             foreach (var sysMenu in list)

             {

                 nodes.Add(new Node() { Text = sysMenu.nvcMenuName, Icon = Icon.ApplicationLink, Href = "#"+sysMenu.nvcUrl,NodeID=sysMenu.nvcID});

             }

             string responseString = nodes.ToJson();

             context.Response.Write(responseString);

             context.Response.End();

         }

         public bool IsReusable

         {

             get

             {

                 return false;

             }

         }

     }

 }

Ext.net 3.1学习的更多相关文章

  1. MVC+Ext.net零基础学习记录（五）

    继MVC+Ext.net零基础学习记录(四),在后面我在既有的项目上又添加了一个子项目,还用前面提到的方法,进行主项目中引用DLL,然后子项目中生成事件中使用mkdir 进行拷贝 发现一个下午就总是报 ...

  2. MVC+Ext.net零基础学习记录（四）

    在上一篇文章[MVC+Ext.net零基础学习记录(三)]中提到了利用MVC的Area可以做到项目分离,但是实际操作起来还是有很多问题的.比如,对于物理资源的访问,会报:没有相关资源 开始的时候,我在 ...

  3. MVC+Ext.net零基础学习记录（一）

    由于最近开发一个项目,决定使用MVC+EXT.NET,决定将学习的这个过程记录下来 本人和很多菜鸟一样,之前既没有使用过MVC开发,也没有接触过EXT.NET,所以这将是一个大家共同学习的过程,文章中 ...

  4. Ext JS 6 入门学习资料大全(2016-12-14)

    现在 sencha touch已经升级为 Ext JS 6 了重新整理下资料 官方网站:https://www.sencha.com/ 在线文档:http://docs.sencha.com/extj ...

  5. Ext JS 6 入门学习资料大全(2018-03-07)

    现在 sencha touch已经升级为 Ext JS 6 了重新整理下资料 官方网站:https://www.sencha.com/ 在线文档:http://docs.sencha.com/extj ...

  6. MVC+Ext.net零基础学习记录（三）

    这里开始说明一下,如何在MVC项目中引用EXT.NET,这里参考:http://www.cnblogs.com/zhanghaomars/p/3470987.html

  7. MVC+Ext.net零基础学习记录（二）

    很多人在开发一个新的项目时,需要先决定项目的整体架构,是决定使用MVC的同时也不例外,具体包含:项目的多语言性,项目的多风格选择,项目的可扩展性 其中项目的多语言性:http://www.cnblog ...

  8. EXT.NET学习笔记（一） 下载配置使用

    新公司使用ext.net开发,开始学习该知识: 首先下载ext.net,目前我使用的版本为1.7,该版本免费,基本的功能也够用,使用ext.net进行开发时强烈建议使用VS2015,能便捷的提示,大大 ...

  9. extJs学习的资源

    http://www.qeefee.com/zt-extjs   Ext JS 6 入门学习资料大全(2016-12-14)   cddnExtJS学习:http://blog.csdn.net/co ...

随机推荐

  1. 【sping揭秘】18、使用spring访问数据

    统一的数据访问异常层次体系 基于基本的jdbc封装dao层访问接口,封装不论是访问,csv文件,关系数据库(RDBMS),ladp都可以封装成一个个DAO对象来进行访问 抛出问题 可是对于我们忽略了一 ...

  2. for(var i=0;i<=3;i++){ setTimeout(function() { console.log(i) }, 10);}

    for(var i=0;i<=3;i++){ setTimeout(function() {  console.log(i)  }, 10);} 答案:打印4次4 这道题涉及了异步.作用域.闭包 ...

  3. 211. Orchard学习 二 2、ManualResetEvent 与 AutoResetEvent

    一.Orchard里异步请求处理线程队列的控制 Orchard的Orchard.WarmupStarter模块,为HttpApplication.BeginRequest时间附加了一个异步处理事件:B ...

  4. docker 日志方案

    docker logs默认会显示命令的标准输出(STDOUT)和标准错误(STDERR).下面使用echo.sh和Dockerfile创建一个名为echo.v1的镜像,echo.sh会一直输出”hel ...

  5. SQL 必知必会·笔记<17>使用存储过程

    存储过程就是为以后使用而保存的一条或多条SQL 语句.可将其视为批文件,虽然它们的作用不仅限于批处理. 1. 存储过程的优点和缺点 存储过程的优点: 使用存储过程有三个主要的好处,即简单.安全.高性能 ...

  6. Spring Boot + Spring Cloud 构建微服务系统（八）：分布式链路追踪（Sleuth、Zipkin）

    技术背景 在微服务架构中,随着业务发展,系统拆分导致系统调用链路愈发复杂,一个看似简单的前端请求可能最终需要调用很多次后端服务才能完成,那么当整个请求出现问题时,我们很难得知到底是哪个服务出了问题导致 ...

  7. react-native绑定优酷SDK-附效果图和源码

    ReactNative绑定优酷SDK需要用到两部分知识: 优酷本身的sdk绑定: RN与原生界面的交互: 效果: RN版本:0.49.3 代码更新日期:2017.10.26 下文也根据绑定需要分为两部 ...

  8. 在Android项目中使用AspectJ

    版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请表明出处:http://www.cnblogs.com/cavalier-/p/8888459.html 什么是AOP AOP是 Aspec ...

  9. [转]微擎load()文件加载器

    本文转自:https://blog.csdn.net/qq_32737755/article/details/78124534 微擎中加载文件需要用到 load() 在官网找到官方对load()的解释 ...

  10. Git Extensions system.invalidoperationexception尚未提供文件名,因此无法启动进程

    根据别人的博客按照步骤安装,地址如下:http://www.cnblogs.com/sorex/archive/2011/08/10/2132359.html 但是安装Git Extensions后生 ...