Ext.net 3.1学习

主页面前台代码:

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs" Inherits="WebEXT.MainForm" %>
 2
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head runat="server">
 6     <title>管理系统</title>
 7 </head>
 8 <script type="text/javascript">
 9     var addTab = function (tabPanel, id, url, title) {
10         var tab = tabPanel.getComponent(id);
11         var url = url.replace(‘#‘,‘‘);
12         if (!tab) {
13             tab = tabPanel.add({
14                 id: id,
15                 title: title,
16                 closable: true,
17                 autoLoad: {
18                     showMask: true,
19                     url: url,
20                     mode: "iframe",
21                     maskMsg: "Loading " + url + "..."
22                 }
23             });
24         }
25
26         tabPanel.setActiveTab(tab);
27     }
28     </script>
29 <body>
30     <form id="form1" runat="server">
31     <div>
32         <ext:ResourceManager ID="ResourceManager1" runat="server">
33         </ext:ResourceManager>
34         <ext:Viewport ID="Viewport" runat="server" Layout="BorderLayout">
35             <Items>
36                 <ext:TreePanel runat="server" ID="TreePanel1" Region="West" MinWidth="175" Width="250"
37                     Title="系统功能目录" Split="true" Border="true">
38                     <Root>
39                         <ext:Node Text="菜单" NodeID="-1" Expanded="True" Icon="ApplicationLink">
40                         </ext:Node>
41                     </Root>
42                     <BottomBar><ext:StatusBar ID="StatusBar1" runat="server" AutoClear="1500"></ext:StatusBar></BottomBar>
43                     <Store>
44                         <ext:TreeStore runat="server">
45                             <Proxy>
46                                 <ext:AjaxProxy Url="/tree-handler.ashx">
47                                 </ext:AjaxProxy>
48                             </Proxy>
49                         </ext:TreeStore>
50                     </Store>
51                     <Listeners>
52                         <ItemClick Handler="addTab(#{TabPanel1},‘tab‘+record.data.id, record.data.href,record.data.text);">
53                         </ItemClick>
54                     </Listeners>
55                 </ext:TreePanel>
56                 <ext:TabPanel ID="TabPanel1" runat="server" Region="Center" ActiveTabIndex="0" Border="True"
57                     Title="主界面" AutoScroll="True">
58                     <Items>
59                         <ext:Panel ID="Test1" runat="server" Title="主页" Collapsed="false">
60                         </ext:Panel>
61                     </Items>
62                 </ext:TabPanel>
63             </Items>
64         </ext:Viewport>
65     </div>
66     </form>
67 </body>
68 </html>

异步加载树的代码:

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using Ext.Net;
 6
 7 namespace WebEXT
 8 {
 9     /// <summary>
10     /// tree_handler 的摘要说明
11     /// </summary>
12     public class tree_handler : IHttpHandler
13     {
14
15         public void ProcessRequest(HttpContext context)
16         {
17             //得到node id
18             string nodeId = context.Request["node"];
19
20             SysMenuInfo sysMenuInfo = new SysMenuInfo();
21             //根据node id 进行处理
22             NodeCollection nodes = new NodeCollection();
23             IList<sysMenu> list = new List<sysMenu>();
24             list = sysMenuInfo.GetChildMenu(nodeId);
25             foreach (var sysMenu in list)
26             {
27                 nodes.Add(new Node() { Text = sysMenu.nvcMenuName, Icon = Icon.ApplicationLink, Href = "#"+sysMenu.nvcUrl,NodeID=sysMenu.nvcID});
28             }
29             string responseString = nodes.ToJson();
30             context.Response.Write(responseString);
31             context.Response.End();
32         }
33
34         public bool IsReusable
35         {
36             get
37             {
38                 return false;
39             }
40         }
41     }
42 }
时间: 2024-12-31 14:17:38

Ext.net 3.1学习的相关文章

MVC+Ext.net零基础学习记录(五)

继MVC+Ext.net零基础学习记录(四),在后面我在既有的项目上又添加了一个子项目,还用前面提到的方法,进行主项目中引用DLL,然后子项目中生成事件中使用mkdir 进行拷贝 发现一个下午就总是报错 错误 1 命令“mkdir "...\Areas\HPSS\Views" xcopy "...?\Views" "E:\Work\01 TPMSRC\MVCWEBTPM\WEBTPM\Areas\HPSS\Views" /S /E /C /Y 已

MVC+Ext.net零基础学习记录(四)

在上一篇文章[MVC+Ext.net零基础学习记录(三)]中提到了利用MVC的Area可以做到项目分离,但是实际操作起来还是有很多问题的.比如,对于物理资源的访问,会报:没有相关资源 开始的时候,我在博客园也搜索到了很多解决方案,其中http://www.cnblogs.com/dingji/archive/2012/06/10/2544255.html这篇文章的解决方法是我感觉最有效的解决方法 但是我思考了很久,还是决定不采用MvcContrib进行分离,因为这样的话,一个问题是,DLL文件到

ExtJS学习----------Ext.Dom.Query类学习(实例)

具体实例: Ext.onReady(function(){ //Ext.DomQuery Ext.create('Ext.Panel',{ title:'Ext.DomQuery示例', width:500 , height:400 , renderTo:Ext.getBody(), html:'<ul><li>item1</li><li>item2</li></ul><div id=d1><span id=sp&g

Ext JS 6 入门学习资料大全

现在 sencha touch已经升级为 Ext JS 6 了重新整理下资料 官方网站:https://www.sencha.com/ 在线文档:http://docs.sencha.com/extjs 官方论坛:http://www.sencha.com/forum/ 官方sdk下载页:https://www.sencha.com/products/extjs/evaluate/ 官方cmd下载页:https://www.sencha.com/products/extjs/cmd-downlo

[学习笔记]欢迎来到extjs

本文地址: 本文作者:sushengmiyan 翻译来源:http://docs.sencha.com/extjs/5.0.0/getting_started/welcome_to_extjs.html 这篇指引提供了一个简单的ext js介绍,我们会从讨论建立一个简单的hello world例子开始我们的体验.我们会接着讲解在extjs中代码是怎样的结构,这个指导同样也会包括一些其他可以使用的资源的链接,所以,你应该尽可能的多看一些来提升你对ext的认知程度. helloworld -----

Ext.Net专题发布

Ext.Net是什么 Ext.Net是一款ASP.Net服务器端控件的集合,它封装了Extjs的控件,并集成了AJAX的操作,可以大幅度的提高我们的开发效率. 起飞网整理了Ext.Net教程,方便大家进行学习. Ext.Net学习方法 在学习Ext.Net的时候,我们需要准备一套Extjs文档,方便我们来查看控件都有哪些属性.为什么的Extjs文档呢?因为Ext.Net是基于Extjs开发的,控件的属性也都是与Extjs中的Config相对应的. 另外,我建议你学习一点Extjs知识.Ext.N

extJs学习的资源

http://www.qeefee.com/zt-extjs Ext JS 6 入门学习资料大全(2016-12-14) cddnExtJS学习:http://blog.csdn.net/column/details/extjslearn.html 原文地址:https://www.cnblogs.com/SharkBin/p/8971298.html

EXT4.2--Ext Designer 使用

前言: “画EXT”是一个美好的想法,如果有一款可视化工具能够只需进行拖拽而设计EXT,生成代码--那真是一件美丽的事.然而现实是,即使是为Eclipse装上EXT插件,用上idea,手写代码的提示也只是聊以安慰而已.Ext Designer是官方出的一款可视化设计EXT的工具,用来通过鼠标拖拽设计EXT,虽然设计滞后明显,但闲时倒腾几番对于EXT的理解和学习也是有帮助的. 下面笔者将演示2个示例来说明该工具的基本用法. 其中涉及到重要点包括:运用Ext Designer 创建项目,导出js源码

ExtJs6.5.2新手入门——如何用sencha cmd创建自己的第一个项目

博主自己也是一个刚开始学习ext的小白,学习新知识一定要记录下来,直接复制自己原来写的培训手册里的,希望能帮到刚接触ExtJs的你!--[作者:伊利蛋白钙yL] 第1章 创建并运行第一个Ext Js Classic 项目 1.1 开发环境搭建 官方网站:https://www.sencha.com 在线文档:http://docs.sencha.com/extjs/6.5.1/index.html 官方论坛:https://www.sencha.com/forum/ Sdk 下载:https:/