在上一个系列当中,我们学习了如何对grid中的内容进行编辑,但是编辑的结果我们并没有保存,这在实际的应用中是没有什么意义的。在有些情况下,除了编辑之外,还要通过grid进行数据的增加和删除,这两个操作也涉及到对于数据的保存。在这个系列里边,我们将学习如何保存数据以及通过grid对数据进行增加和删除。
我们在前边的学习过程中已经知道,grid其实只是显示数据,它通过配置参数store来获得数据,这个参数需要的是Store类或者其子类的一个对象,里边封装了我们需要的数据。我们现在应该已经比较熟悉Store类了,这次我们需要使用它的一个属性modified,里边保存了被修改过的记录的集合。我们通过把上个系列中的例子改变一下来看看如何保存数据:
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->
1
//
/<reference path="vswd-ext_2.0.2.js" />
2![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
/**/
/*
3
*作者:大笨
4
*日期:2009-10-20
5
*版本:1.0
6
*博客地址:http://yage.cnblogs.com
7
*QQ:14202190
8
*/
9
Ext.BLANK_IMAGE_URL
=
'
../extjs/resources/images/default/s.gif
'
;
10![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
11![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
Ext.onReady(
function
()
{
12
Ext.QuickTips.init();
13![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
14
//格式化日期
15![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function formatDate(value)
{
16
return value ? value.dateFormat('Y年m月d日') : '';
17
}
18![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
19
// 别名
20
var fm = Ext.form;
21![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
22
//构造一个只能包含checkbox的列
23![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
var checkColumn = new Ext.grid.CheckColumn(
{
24
header: 'Indoor?',
25
dataIndex: 'indoor',
26
width: 55
27
});
28![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
29
// 构造ColumnModel
30![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
var cm = new Ext.grid.ColumnModel(
{
31![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
columns: [
{
32
id: 'common',
33
header: 'Common Name',
34
dataIndex: 'common',
35
width: 220,
36
// 使用上边定义好的别名
37![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
editor: new fm.TextField(
{
38
allowBlank: false
39
})
40![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
},
{
41
header: 'Light',
42
dataIndex: 'light',
43
width: 130,
44![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
editor: new fm.ComboBox(
{
45
typeAhead: true,
46
triggerAction: 'all',
47
transform: 'light',
48
lazyRender: true,
49
listClass: 'x-combo-list-small'
50
})
51![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
},
{
52
header: 'Price',
53
dataIndex: 'price',
54
width: 70,
55
align: 'right',
56
renderer: 'usMoney',
57![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
editor: new fm.NumberField(
{
58
allowBlank: false,
59
allowNegative: false,
60
maxValue: 100000
61
})
62![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
},
{
63
header: 'Available',
64
dataIndex: 'availDate',
65
width: 95,
66
renderer: formatDate,
67![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
editor: new fm.DateField(
{
68
format: 'Y年m月d日',
69
minValue: '01/01/06',
70
disabledDays: [0, 6],
71
disabledDaysText: 'Plants are not available on the weekends'
72
})
73
},
74
checkColumn
75
],
76![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
defaults:
{
77
sortable: true
78
}
79
});
80![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
81![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
82
// 构造一个Store对象
83![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
var store = new Ext.data.Store(
{
84![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
85
url: 'plants.xml',
86![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
87
reader: new Ext.data.XmlReader(
88![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
89
record: 'plant'
90
},
91![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
92
[
93![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{ name: 'common', type: 'string' },
94![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{ name: 'botanical', type: 'string' },
95![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{ name: 'light' },
96![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{ name: 'price', type: 'float' },
97![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{ name: 'availDate', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y' },
98![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{ name: 'indoor', type: 'bool' }
99
]
100
),
101![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
102![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
sortInfo:
{ field: 'common', direction: 'ASC' }
103
});
104![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
105
// 构造可编辑的grid
106![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
var grid = new Ext.grid.EditorGridPanel(
{
107
store: store,
108
cm: cm,
109
renderTo: 'grid',
110
width: 600,
111
height: 300,
112
autoExpandColumn: 'common',
113
title: 'Edit Plants?',
114
frame: true,
115
plugins: checkColumn,
116
clicksToEdit: 1,
117![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
listeners:
{
118![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
"afterEdit":
{
119
fn: afterEdit,
120
scope: this
121
}
122
},
123![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
tbar: [
{
124
text: "保存",
125![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
handler: function()
{
126
var modified = store.modified;
127
updateData(modified);
128
}
129
}]
130
});
131![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
132
// 触发数据的加载
133
store.load();
134![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
135
//发送数据到服务器端进行更新
136![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function updateData(modified)
{
137
var json = [];
138![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
Ext.each(modified, function(item)
{
139
json.push(item.data);
140
});
141![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (json.length > 0)
{
142![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
Ext.Ajax.request(
{
143
url: "EditGrid.aspx",
144![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
params:
{ data: Ext.util.JSON.encode(json) },
145
method: "POST",
146![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
success: function(response)
{
147![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
Ext.Msg.alert("信息", "数据更新成功!", function()
{ store.reload(); });
148
},
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
3
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
7
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
8
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
9
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
10
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
11
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
12
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
13
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
14
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
15
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
16
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
17
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
18
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
19
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
20
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
21
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
22
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
23
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
24
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
25
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
26
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
27
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
28
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
29
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
30
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
31
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
32
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
33
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
34
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
35
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
36
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
37
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
38
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
39
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
40
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
41
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
42
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
43
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
44
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
45
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
46
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
47
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
48
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
49
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
50
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
51
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
52
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
53
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
54
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
55
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
56
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
57
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
58
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
59
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
60
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
61
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
62
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
63
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
64
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
65
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
66
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
67
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
68
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
69
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
70
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
71
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
72
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
73
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
74
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
75
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
76
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
77
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
78
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
79
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
80
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
81
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
82
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
83
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
84
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
85
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
86
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
87
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
88
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
89
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
90
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
91
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
92
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
93
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
94
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
95
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
96
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
97
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
98
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
99
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
100
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
101
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
102
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
103
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
104
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
105
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
106
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
107
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
108
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
109
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
110
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
111
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
112
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
113
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
114
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
115
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
116
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
117
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
118
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
119
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
120
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
121
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
122
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
123
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
124
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
125
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
126
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
127
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
128
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
129
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
130
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
131
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
132
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
133
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
134
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
135
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
136
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
137
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
138
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
139
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
140
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
141
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
142
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
143
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
144
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
145
![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
146
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
147
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](http://www.cnblogs.com/Images/dot.gif)
148
![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)