Extjs中grid行的上移和下移

一、将up和down按钮放到tbar中,然后选中grid行即可实现上移和下移

var up = new Ext.Action({
    text : 'Up',
    icon : 'up.png',//或者添加样式iconCls
    disabled : true,
    handler : function() {
        var record = grid.getSelectionModel().getSelected();
        if (record) {
            var index = grid.store.indexOf(record);
            if (index > 0) {
                grid.store.removeAt(index);
                grid.store.insert(index - 1, record);
                grid.getView().refresh(); // refesh the row number
                grid.getSelectionModel().selectRow(index - 1);
            }
        } else {
            Ext.Msg.alert('Warning', 'Please select one item!');
        }
    }
});

var down = new Ext.Action({
    text : 'Down',
    icon : 'down.png',//或者添加样式iconCls
    disabled : true,
    handler : function() {
        var record = grid.getSelectionModel().getSelected();
        if (record) {
            var index = grid.store.indexOf(record);
            if (index < grid.store.getCount() - 1) {
                grid.store.removeAt(index);
                grid.store.insert(index + 1, record);
                grid.getView().refresh(); // refesh the row number
                grid.getSelectionModel().selectRow(index + 1);
            }
        } else {
            Ext.Msg.alert('Warning', 'Please select one item!');
        }
    }
});

 

二、grid行的拖动实现上移和下移

var grid = new Ext.grid.GridPanel({
    layout : 'fit',
    loadMask : true,
    enableDragDrop : true,
    ddGroup: "GridDD",
    viewConfig : {
        forceFit : true,
        enableRowBody : true,
        showPreview : true,
        cls:"x-grid-empty",
        emptyText:  _('ID_NO_RECORDS_FOUND')
    },
    listeners : {
        'afterrender' : function() {
            var ddrow = new Ext.dd.DropTarget(grid.container, {  
                ddGroup : 'GridDD',  
                copy    : false,  
                notifyDrop : function(dd, e, data) {  
                    var rows = data.selections;  
                    var index = dd.getDragData(e).rowIndex;   
                    if(typeof(index) == "undefined") return;  
                    for(i = 0; i < rows.length; i++) {  
                        if(!this.copy) {
                            grid.getStore().remove(rows[i]);  
                            grid.getStore().insert(index, rows[i]);  
                            grid.view.refresh();
                        }
                    }  
                }
            }); 
        }
    }
});