|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54 |
<%@ Page Language="C#"
AutoEventWireup="true"
CodeBehind="CategoryPropertyInfo.aspx.cs"
Inherits="WebUI.NewMall.PropertyManage.CategoryPropertyInfo"
%><!DOCTYPE html><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> |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49 |
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,布布扣,bubuko.com
原文：http://www.cnblogs.com/anbylau2130/p/3623730.html