Extjs3 两个表格之间拖动数据

最新推荐文章于 2020-03-13 11:56:04 发布

唅崑

最新推荐文章于 2020-03-13 11:56:04 发布

阅读量820

点赞数

分类专栏： ExtJS 文章标签： Extjs3

本文链接：https://blog.youkuaiyun.com/brswbx/article/details/14088479

版权

ExtJS 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何利用Ext.js库快速实现具有拖放功能的数据网格，包括实例化网格面板、配置数据存储、启用拖放功能等关键步骤。通过示例代码，读者可以学习到如何在应用中引入交互式数据展示组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                var grid1 = new Ext.grid.GridPanel({
                    autoHeight : true,
                    renderTo : 'grid1',
                    store : store1,
                    cm : cm,
                    enableDragDrop : true
                });
                var grid2 = new Ext.grid.GridPanel({
                    autoHeight : true,
                    renderTo : 'grid2',
                    store : store2,
                    cm : cm,
                    enableDragDrop : true
                });

                var ddrow1 = new Ext.dd.DropTarget(grid1.view.mainBody, {
                    ddGroup : 'GridDD',
                    copy : false,
                    notifyDrop : function(dd, e, data) {
                        // 选中了多少行
                        var rows = data.selections;
                        // 拖动到第几行
                        var index = dd.getDragData(e).rowIndex;
                        if ( typeof (index) == "undefined") {
                            index = 0;
                        }
                        // 修改store
                        for ( i = 0; i < rows.length; i++) {
                            var rowData = rows[i];
                            if (!this.copy)
                                store2.remove(rowData);
                            store1.insert(index, rowData);
                        }
                    }
                });

                var ddrow2 = new Ext.dd.DropTarget(grid2.view.mainBody, {
                    ddGroup : 'GridDD',
                    copy : false,
                    notifyDrop : function(dd, e, data) {
                        // 选中了多少行
                        var rows = data.selections;
                        // 拖动到第几行
                        var index = dd.getDragData(e).rowIndex;
                        if ( typeof (index) == "undefined") {
                            index = 0;
                        }
                        // 修改store
                        for ( i = 0; i < rows.length; i++) {
                            var rowData = rows[i];
                            if (!this.copy)
                                store1.remove(rowData);
                            store2.insert(index, rowData);
                        }
                    }
                });