分享程序员开发的那些事...
更新时间：2022-07-01 05:45:39
单纯的数据展示是不是太单调了？来，这次咱来个互动性强的，表格的行、列可随意拖放，不仅如此，还可以多个表格之间随意拖动。
先来看下第一个例子，通过拖放改变表格大小：
主要代码，其实之前的代码并不需要改变多少，只需要加入以下代码即可：
|
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
|
var columns = [
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
];
var data = [
['1','name1','descn1'],
['2','name2','descn2'],
['3','name3','descn3'],
['4','name4','descn4'],
['5','name5','descn5']
];
var store = new Ext.data.ArrayStore({
data: data,fields: [ {name: 'id'},
{name: 'name'},
{name: 'descn'}
]
});
store.load();
var grid = new Ext.grid.GridPanel({
renderTo: 'grid',
store: store,
columns: columns
});
|