<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>