gridpanel中拖拽排序

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->       //   定义拖动时样式
     function  change(val){
         if (val  >   0 ){
             return   ' <span style="color:green;"> '   +  val  +   ' </span> ' ;
        } else   if (val  <   0 ){
             return   ' <span style="color:red;"> '   +  val  +   ' </span> ' ;
        }
         return  val;
    }

     // 定义拖动时样式
     function  pctChange(val){
         if (val  >   0 ){
             return   ' <span style="color:green;"> '   +  val  +   ' %</span> ' ;
        } else   if (val  <   0 ){
             return   ' <span style="color:red;"> '   +  val  +   ' %</span> ' ;
        }
         return  val;

    }

 

  var sm2 = new Ext.grid.RowSelectionModel({singleSelect: true});

   var cm = new Ext.grid.ColumnModel([sm2,
       {  id:'id',
          width: "10%",
          dataIndex:"id"
       },
           {
                id:'name',
                width: 220,
                dataIndex:"name",
             header:"分类名"
           },
           {
           id:'state',
               dataIndex:"state",
            header:"是否启用"
         },{
           id:'type',
               dataIndex:"type",
            header:"分类类型"
           }
   ]);

    // gridpanel
    var  grid  =   new  Ext.grid.GridPanel({
       iconCls: ' icon-grid ' ,
       frame: true ,
    renderTo:Ext.get( " divgrid " ),
     cm:cm,
     sm: sm2,
     enableDragDrop:  true ,
        dropConfig: {
            appendOnly: true
        },
        ddGroup:  " GridDD " ,
      store:store,
        buttons: [{text: ' Save ' },{text: ' Cancel ' }],
        buttonAlign: ' center '
   });

     // 拖动排序必须的代码
     var  ddrow  =   new  Ext.dd.DropTarget(grid.getEl(), {
        ddGroup:  " GridDD " ,   //  Data come from
         //  copy:true,
        notifyDrop :  function (dd, e, data){
             var  rows = grid.getSelectionModel().getSelections();
             var  count  =  rows.length;
             var  cindex = dd.getDragData(e).rowIndex;
             var  array = [];
             for ( var  i = 0 ;i < count;i ++ ){
                 var  index  =  cindex + i;
                array.push(index);
            }
             store.remove(store.getById( data.selections[ 0 ].id));
            store.insert(cindex,data.selections); 

           grid.getView().refresh(); 
            grid.getSelectionModel().selectRows(array); 
        }
    });

     //  传到后台排序的数据
        function  getSortIndexDate(store) {
             var  resultNode  = [];
             var  length  =  store.getCount();
             for  ( var  i  =   0 ; i  <  length; i ++ ) {                        
                resultNode[i]  =  {
                id: store.getAt(i).id,
                sortIndex:store.getAt(i).data.index 
                };
            }

              var  encNodes  =  Ext.encode(resultNode);         
                 return  encNodes;
        }

hello