在extjs 4.0中的gridview中上下移动项目

时间:2012-01-20 18:45:43

标签: extjs extjs4

我要求能够重新排序网格视图的内容。即所以用户可以重新调整项目的顺序。是否有任何4.0实现可用。我很惊讶默认示例似乎没有这个功能。

2 个答案:

答案 0 :(得分:0)

Here是一个如何成功实施的示例。

答案 1 :(得分:0)

使用我的代码:

columns: [
        {
            xtype: 'actioncolumn',
            width: 50,
            menuDisabled:true,
            sortable: false,
            hideable: false,
            renderer: function(a,css,row,d,f,d){},
            items: [
            {
                iconCls: 'up-icon',
                tooltip: 'Move UP',
                handler: function(grid,index,c,d,f,row){
                    if(index < 1) return;
                    var id = row.data.id;
                    index--;
                    grid.store.remove(row, true);
                    grid.getStore().insert(index, row);
                }
            },
            '->',
            {
                iconCls: 'down-icon',
                tooltip: 'Move Down',
                handler: function(grid,index,c,d,f,row)
                {
                    if(index >= grid.all.endIndex)  return;
                    index++;
                    grid.store.remove(row, true);
                    grid.getStore().insert(index, row);
                }
            }
            ]
        },
...
]