主页面前台代码：

 <%@ 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. 14-02 Java Math类，Random类，System类，BigDecimal类

    Math类 Math的方法 package cn.itcast_01; /* * Math:用于数学运算的类. * 成员变量: * public static final double PI * pu ...

  2. Ubuntu 16.04 截图快捷键

    一.查看 "截图" 快捷键 打开 "系统设置",点击 "硬件" 下的 "键盘",然后点击 "快捷键" ...

  3. nmcli工具详解

    目录 1. nmcli 安装 2. nmcli 基本选项 3. general 常规选项 3.1 status 3.2 hostname 3.3 permissions 3.4 loggin 4. n ...

  4. 梯度下降法原理与python实现

    梯度下降法(Gradient descent)是一个一阶最优化算法,通常也称为最速下降法. 要使用梯度下降法找到一个函数的局部极小值,必须向函数上当前点对应梯度(或者是近似梯度)的反方向的规定步长距离 ...

  5. Struts的FormFile与Commons-FileUpload控件使用心得

    转自: http://www.iteye.com/topic/212566 前一段时间刚来公司,看到一个项目中以前有人写的struts代码.是使用了FormFile来处理关于文件上传的模块.但是用力一 ...

  6. 详解@EnableWebMvc

    最近看了<Spring in Action>的开头,就被Spring注解开发(完全不写web.xml)惊叹了,也第一次知道了@EnableWebMvc是SpringMVC的注解 @Enab ...

  7. 将H5页面的应用打包成APP(苹果和安卓版本)

    今天在清理手机上的应用时看到了“联名会员”这个“app”,我感觉只是个H5页面,不是一个原生的APP,但看起来和原生APP一模一样,心想,如果以后我开发了H5应用是不是可以把它搞成APP形式供别人下载 ...

  8. swiper下滑分页，减少swiper-slide项的时候会出现空白

    修改子项后,先重置当前的页,调用 swiper.slideTo(0); 滚动到初始位置 再调用 swiper.update(); 更新一系列设置就可以了.

  9. 解决SQL Server 2008安装时提示:重新启动计算机 失败

    a.重启机器,再进行安装,如果发现还有该错误,请按下面步骤: b.在开始->运行中输入regedit c.到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet ...

  10. MVC分部视图@Html.Partial

    加载分布视图的方式: //1.以视图名使用当前文件夹下的视图(如果没有找到,则搜索 Shared 文件夹) @Html.Partial("_test") //加载对应文件 /Vie ...