<script type="text/javascript">
Ext.onReady(function(){
var cum = [
{header:'编号',dataIndex:'id',sortable:true},
{header:'技术名',dataIndex:'webTechnology',sortable:true},
{header:'可复用性',dataIndex:'reusability',sortable:true},
{header:'易维护性',dataIndex:'maintainability',sortable:true},
{header:'可移植性',dataIndex:'portability',sortable:true},
{header:'安全性',dataIndex:'security',sortable:true},
];
var reader = new Ext.data.ArrayReader({},[
{name:'id'},
{name:'webTechnology'},
{name:'reusability'},
{name:'maintainability'},
{name:'portability'},
{name:'security'},
]);
var store1 = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy([
['1','java','高','优','优','高'],
['2','php','底','优','优','差'],
['3','js','底','优','差','高'],
['4','jerr','高','优','差','高'],
['5','c#','高','优','优','高'],
]),
reader:reader
});
var store2 = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy([
['11','java','高','优','优','高'],
['12','php','底','优','优','差'],
['13','js','底','优','差','高'],
['14','jerr','高','优','差','高'],
['15','c#','高','优','优','高'],
]),
reader:reader
});
store1.load();
store2.load();
var cumgrid1 = new Ext.grid.GridPanel({
store:store1,
autowidth:true,
height:150,
columns:cum,
renderTo:'cumgrid1',
enableDragDrop:true
});
var cumgrid2 = new Ext.grid.GridPanel({
store:store2,
autowidth:true,
height:150,
columns:cum,
renderTo:'cumgrid2',
enableDragDrop:true
});
var gridDropTarget1 = new Ext.dd.DropTarget(cumgrid1.view.mainBody,{
ddGroup : 'GridDD',
copy : false,
notifyDrop : function(ddSource, e, data){
//获取选中行的集合
var records = data.selections;
//拖到第几行
var index = ddSource.getDragData(e).rowIndex;
if(typeof(index) == "undefined"){
index = 0;
}
//修改store
var i = 0;
while(i < records.length){
var rowData = records[i];
if(!this.copy) store2.remove(rowData);
store1.insert(index, rowData);//将rowData插入到指定行
i++;
}
}
});
var gridDropTarget2 = new Ext.dd.DropTarget(cumgrid2.view.mainBody,{
ddGroup : 'GridDD',
copy : false,
notifyDrop : function(ddSource, e, data){
//获取选中行的集合
var records = data.selections;
//拖到第几行
var index = ddSource.getDragData(e).rowIndex;
if(typeof(index) == "undefined"){
index = 0;
}
//修改store
var i = 0;
while(i < records.length){
var rowData = records[i];
if(!this.copy) store1.remove(rowData);
store2.insert(index, rowData);//将rowData插入到指定行
i++;
}
}
});});
</script>
</head>
<body>
<div id="dd"></div>
</body>
</html>
Ext.onReady(function(){
var cum = [
{header:'编号',dataIndex:'id',sortable:true},
{header:'技术名',dataIndex:'webTechnology',sortable:true},
{header:'可复用性',dataIndex:'reusability',sortable:true},
{header:'易维护性',dataIndex:'maintainability',sortable:true},
{header:'可移植性',dataIndex:'portability',sortable:true},
{header:'安全性',dataIndex:'security',sortable:true},
];
var reader = new Ext.data.ArrayReader({},[
{name:'id'},
{name:'webTechnology'},
{name:'reusability'},
{name:'maintainability'},
{name:'portability'},
{name:'security'},
]);
var store1 = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy([
['1','java','高','优','优','高'],
['2','php','底','优','优','差'],
['3','js','底','优','差','高'],
['4','jerr','高','优','差','高'],
['5','c#','高','优','优','高'],
]),
reader:reader
});
var store2 = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy([
['11','java','高','优','优','高'],
['12','php','底','优','优','差'],
['13','js','底','优','差','高'],
['14','jerr','高','优','差','高'],
['15','c#','高','优','优','高'],
]),
reader:reader
});
store1.load();
store2.load();
var cumgrid1 = new Ext.grid.GridPanel({
store:store1,
autowidth:true,
height:150,
columns:cum,
renderTo:'cumgrid1',
enableDragDrop:true
});
var cumgrid2 = new Ext.grid.GridPanel({
store:store2,
autowidth:true,
height:150,
columns:cum,
renderTo:'cumgrid2',
enableDragDrop:true
});
var gridDropTarget1 = new Ext.dd.DropTarget(cumgrid1.view.mainBody,{
ddGroup : 'GridDD',
copy : false,
notifyDrop : function(ddSource, e, data){
//获取选中行的集合
var records = data.selections;
//拖到第几行
var index = ddSource.getDragData(e).rowIndex;
if(typeof(index) == "undefined"){
index = 0;
}
//修改store
var i = 0;
while(i < records.length){
var rowData = records[i];
if(!this.copy) store2.remove(rowData);
store1.insert(index, rowData);//将rowData插入到指定行
i++;
}
}
});
var gridDropTarget2 = new Ext.dd.DropTarget(cumgrid2.view.mainBody,{
ddGroup : 'GridDD',
copy : false,
notifyDrop : function(ddSource, e, data){
//获取选中行的集合
var records = data.selections;
//拖到第几行
var index = ddSource.getDragData(e).rowIndex;
if(typeof(index) == "undefined"){
index = 0;
}
//修改store
var i = 0;
while(i < records.length){
var rowData = records[i];
if(!this.copy) store1.remove(rowData);
store2.insert(index, rowData);//将rowData插入到指定行
i++;
}
}
});});
</script>
</head>
<body>
<div id="dd"></div>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货