extjs grid 表格鼠标拖拽移动行数据进行排序

extjs | 2019-09-13 10:02:39

extjs grid 表格鼠标拖拽行进行排序,其实很简单,extjs中有直接的插件

代码案例

Ext.create("Ext.grid.Panel", {  
        title: "拖拽行数据的Grid",  
        width: 400,  
        margin: 10,  
        border: true,  
        store: proStore,  
        columns: [{  
            text: "产品编号",  
            dataIndex: "code",  
            flex: 1  
        }, {  
            text: "产品名称",  
            dataIndex: "name",  
            flex: 1  
        }, {  
            text: "产品数量",  
            dataIndex: "num",  
            flex: 1  
        }],  
        viewConfig: {  
            plugins: {  
                ptype: "gridviewdragdrop", //就是这么简单,用这个插件就可以
                dragText: "拖拽进行上下排序" //这个就是拖的过程中显示的文字
            }  
        },  
        renderTo: Ext.getBody()  
    });  
});

代码详解:

看了代码就知道的就真的很简单,关键在grid中加这个代码就可以

viewConfig: {
    plugins: {
        ptype"gridviewdragdrop",
        dragText"拖拽进行上下排序"
    }
},



登录后即可回复 登录 | 注册
    
关注编程学问公众号