<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CategoryPropertyInfo.aspx.cs" Inherits="WebUI.NewMall.PropertyManage.CategoryPropertyInfo" %>

<!DOCTYPE html>

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

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- ext css includes -->

    <link rel="stylesheet" type="text/css" href="../resources/Ext/resources/css/ext-all.css" />

    <link rel="stylesheet" type="text/css" href="../resources/Ext/examples/ux/treegrid/treegrid.css" />

    <!-- ext javascript includes -->

    <script type="text/javascript" src="../resources/Ext/adapter/ext/ext-base.js"></script>

    <script type="text/javascript" src="../resources/Ext/ext-all.js"></script>

    <link href="../resources/Ext/examples/ux/css/ColumnNodeUI.css" rel="stylesheet" />

    <link href="../resources/Ext/examples/tree/column-tree.css" rel="stylesheet" />

    <script src="../resources/Ext/examples/ux/ColumnNodeUI.js"></script>

    <script type="text/javascript">

        Ext.onReady(function () {

            Ext.QuickTips.init();

            var tree = new Ext.ux.tree.ColumnTree({

                width: 500,

                height: 300,

                rootVisible: true,

                autoScoll: true,

                title: '种类属性列表',

                renderTo: Ext.getBody(),

                columns: [{

                    header: '任务',

                    width: 330,

                    dataIndex: 'task'

                }, {

                    header: '持续时间',

                    width: 100,

                    dataIndex: 'duration'

                }, {

                    header: '负责人',

                    width: 100,

                    dataIndex: 'user'

                }],

                loader: new Ext.tree.TreeLoader({

                    dataUrl: 'CategoryPropertyInfo.aspx?op=getData?id=1',

                    uiProviders: {

                        'col':Ext.ux.tree.ColumnNodeUI

                    }

                }),

                root:new Ext.tree.AsyncTreeNode({text:'Tasks'})

            })

        });

    </script>

</head>

<body>

</body>

</html>

　　

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using WebUI.Mall;

namespace WebUI.NewMall.PropertyManage

{

    public partial class CategoryPropertyInfo : PageBaseMall

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (Request["op"] == "getData")

            {

                var str = @"[

            {

                task: '深入浅出Extjs',

                duration: '12个月',

                user: '',

                uiProvider: 'col',

                iconCls: 'task-folder',

                children:[{

                    task: '第一章',

                    duration: '1个月',

                    user: 'Lingo',

                    uiProvider: 'col',

                    iconCls: 'task',

                }, {

                    task: '第2章',

                    duration: '2个月',

                    user: 'Lio',

                    uiProvider: 'col',

                    iconCls: 'task',

                }, {

                        task: '第3章',

                        duration: '11个月',

                        user: 'Lio',

                        uiProvider: 'col',

                        iconCls: 'task',

                }]

            }]";

                Response.Write(str);

                Response.End();

            }

        }

    }

}

　　

Ext3.4--TreeGridDemo的更多相关文章

  1. 87 resize2fs-增大或者收缩未加载的“ext2/ext3”文件系统的大小

    resize2fs命令被用来增大或者收缩未加载的"ext2/ext3"文件系统的大小.如果文件系统是处于mount状态下,那么它只能做到扩容,前提条件是内核支持在线resize., ...

  2. 81 dumpe2fs-打印“ext2/ext3”文件系统的超级块和快组信息

    dumpe2fs打印"ext2/ext3"文件系统的超级块和快组信息. 语法 dumpe2fs (选项) (参数) 选项 -b:打印文件系统中预留的块信息: -ob<超级块& ...

  3. Linux ext3 ext4 区别

    Linux kernel 自 2.6.28 开始正式支持新的文件系统 Ext4. Ext4 是 Ext3 的改进版,修改了 Ext3 中部分重要的数据结构,而不仅仅像 Ext3 对 Ext2 那样,只 ...

  4. Ext3日记文件系统为什么文件系统还会损坏？

    问题提出      在我们产品使用的多种文件系统中,ext3文件系统问题的一致性问题比较突出(这里的文件系统一致性问题特指文件系统元数据的一致性,下同).比如下面2例ext3文件系统损坏案例:     ...

  5. Ext3文件系统mount选项和文件属性介绍

    mount选项 设置方式 ext3 mount选项可以通过多个方式进行设置:1)内核编译时: 内核menuconfig通过CONFIG_EXT3_DEFAULTS_TO_ORDERED编译控制选项,来 ...

  6. Ext3文件系统及JDB介绍

    Ext3介绍 对于ext3文件系统,磁盘空间划分一系列block groups,每个group有位图来跟踪inode和data块的分配和范围.其物理布局如下: Superblock:位于group内第 ...

  7. ext3是对ext2文件系统的一个扩展高性能日志文件系统

    嵌入式开发者所做的最重要的决定之一就是部署哪种文件系统.有些文件系统性能比较高有些文件系统空间利用率比较高,还有一些文件系统设备故障或者意外断电后恢复数据比较方便. linux文件系统概念 分区 分区 ...

  8. Linux下误删除后的恢复操作（ext3/ext4）

    Linux是作为一个多用户.多任务的操作系统,文件一旦被删除是难以恢复的.尽管删除命令只是在文件节点中作删除标记,并不真正清除文件内容,但是其他用户和一些有写盘动作的进程会很快覆盖这些数据.在日常工程 ...

  9. Ext FileSystem Family、Ext2、Ext3

    catalog . 简介 . Ext2文件系统 . Ext3文件系统 . 小结 1. 简介 VFS虚拟文件系统接口和数据结构构成了一个框架,各个文件系统的实现都必须在框架内运转,但这并不要求每个文件系 ...

  10. 关于ext3，ext4，xfs和btrfs文件系统性能对比

    关于ext3,ext4,xfs和btrfs文件系统性能对比 应为原文:http://www.ilsistemista.net/index.php/linux-a-unix/6-linux-filesy ...

随机推荐

  1. Modbus 通讯协议

    摘要 工业控制已从单机控制走向集中监控.集散控制,如今已进入网络时代,工业控制器连网也为网络管理提供了方便.Modbus就是工业控制器的网络协议中的一种. 关键词 Modbus协议,串行通信,LRC校 ...

  2. Linux shell 执行修改配置文件中的内容

    在开发的过程中可能Linux环境不一致需要适应本地环境的HOME目录,可以通过脚本来修改配置文件内容,写一个test.sh的脚本 在脚本里写入以下命令 sed -i “s#ftfts_com_serv ...

  3. sql server 递归汇总 按指定层级汇总

    每个地区递归层级可能不一致,数据表(table)存放最小层级地区 area --地区层级表 id name f_id leve 1 中国 0 1 2 湖北 1 2 3 武汉 2 3 ... --测试数 ...

  4. 纯css3简单实用的checkbox复选框和radio单选框

    昨天为大家分享了一款很炫的checkbox复选框和radio单选框,今天再给大家带来一款简单实用的checkbox复选框和radio单选框.界面清淅.舒服.先给大家来张效果图: 在线预览   源码下载 ...

  5. JS地毯式学习四

    1  窗口的位置 用来确定和修改 window 对象位置的属性和方法有很多. IE . Safari . Opera 和 Chrome都提供了 screenLeft 和 screenTop 属性,分别 ...

  6. pku oj overhang叠加卡片求最少的卡片数

    这个估计是里面第二简单的了,因为第一简单的是求a+b 哈哈,一submit就ac了 题目如下: Description How far can you make a stack of cards ov ...

  7. Sencha Touch2 工作笔记

    Sencha Touch2 工作笔记 Ext.dataview.List activate( this, newActiveItem, oldActiveItem, eOpts ) Fires whe ...

  8. hdu 1595 find the longest of the shortest（dijstra + 枚举）

    http://acm.hdu.edu.cn/showproblem.php?pid=1595 大致题意: 给一个图.让输出从中删除随意一条边后所得最短路径中最长的. . 思路: 直接枚举每条边想必是不 ...

  9. DateTime获取一个月的第一天和最后一天

    DateTime dtTarget = DateTime.Now; DateTime FirstDay = dtTarget.AddDays(-DateTime.Now.Day + ); DateTi ...

  10. DataTables 固定列时实现 hover

    之前说过 DataTables 表格固定栏使用方法 .分析下它的代码,如下图 它实现固定左侧的原理就是把需要固定的数据复制一份,覆盖在全部数据的上面,用绝对定位固定在左边. 这样子有个问题就是,表格的 ...