`
linwei_211
  • 浏览: 188107 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

GRID拖拽行的例子

阅读更多
---------------------GRID拖拽行的例子  单行拖拽---------------------------------------
//创建第一个GRID
var firstGrid = new Ext.grid.GridPanel({
ddGroup : 'secondGridDdGroup',//这里是第二个GRID的ddGroup
store       : firstGridStore,
enableDragDrop : true,//True表示启动对于GridPanel中选中行的拖动行为
……其他属性省略
});

//创建第二个GRID
var secondGrid = new Ext.grid.GridPanel({
ddGroup : 'firstGridDdGroup',//这里是第一个GRID的ddGroup
store       : secondGridStore,
enableDragDrop : true,//True表示启动对于GridPanel中选中行的拖动行为
……其他属性省略
});

//创建第一个GRID的ddGroup
var firstGridDropTargetEl = firstGrid.getView().el.dom.childNodes[0].childNodes[1];
var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
ddGroup    : 'firstGridDdGroup',//和第二个GRID的ddGroup相同
copy        : true,
notifyDrop : function(ddSource, e, data){
   function addRow(record, index, allItems) {
    var foundItem = secondGridStore.find('name', record.data.name);
    if (foundItem == -1) {
     firstGridStore.add(record);
     firstGridStore.sort('name', 'ASC');
     ddSource.grid.store.remove(record);
    }
   }
   Ext.each(ddSource.dragData.selections ,addRow);
   return(true);
}
)};

//创建第二个GRID的ddGroup
var secondGridDropTargetEl = secondGrid.getView().el.dom.childNodes[0].childNodes[1];
var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl,{
ddGroup : 'secondGridDdGroup',//和第一个GRID的ddGroup相同
copy        : true,
notifyDrop : function(ddSource, e, data){
   function addRow(record, index, allItems) {
    var foundItem = secondGridStore.find('name', record.data.name);
    if (foundItem == -1) {
     secondGridStore.add(record);
     secondGridStore.sort('name', 'ASC');
     ddSource.grid.store.remove(record);
    }
   }
   Ext.each(ddSource.dragData.selections ,addRow);
   return(true);
}
});
----------------------------------------------------------------------
分享到:
评论

相关推荐

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    前端项目-react-grid-layout.zip

    前端项目-react-grid-layout,具有响应断点的可拖动和可调整大小的网格布局,用于响应。

    EXTJS 3.3.1例子

     再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格...

    ajax datagrid 支持排序,拖拽改列宽,Json填充,定义任意列格式

    鼠标拖动列宽 浏览器兼容性 firefox ie opera 用法说明 simpleHtmlDataGrid与目前市场中的datagrid控件不同,它更加像一个插槽,开发者需要按照具体所需进行扩展。 参考目录中的例子及api,实例可查看源代码 ...

    DragGridLayout:可拖拽网格布局

    在之前的项目中为了实现类似微信朋友圈的图片九宫格效果,手写了一个简单的网格控件,继承于 ViewGroup,后面因为准备做小组的技术分享,关于自定义控件的,所以就想把这个控件优化下,来作为这次分享的例子。...

    vue-responsive-grid-layout:Vue Repsonsive网格布局

    VueJS的响应式可拖动和可调整大小的网格布局。 它的响应能力基于断点(类似于Bootstrap)。 它基于 消息 现在,您可以进行常规布局和响应式布局。 它也可以与Vuex一起使用。 并且它部分地用Typescript编码。 从...

    Ext 开发指南 学习资料

    2.11.2. 再看怎么在表格里拖动行 2.11.2.1. 无用功 之 同一个表格里拖拽 2.11.2.2. 无间道 之 从这个表格拖到另一个表格 2.11.2.3. 无疆界 之 从表格里拖到树上 2.12. 大步流星,后台排序 2.13. grid与右键菜单 3. ...

    EXT教程EXT用大量的实例演示Ext实例

    2.11.2. 再看怎么在表格里拖动行 2.11.2.1. 无用功 之 同一个表格里拖拽 2.11.2.2. 无间道 之 从这个表格拖到另一个表格 2.11.2.3. 无疆界 之 从表格里拖到树上 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我...

    EXT2.0中文教程

    2.11.2. 再看怎么在表格里拖动行 2.11.2.1. 无用功 之 同一个表格里拖拽 2.11.2.2. 无间道 之 从这个表格拖到另一个表格 2.11.2.3. 无疆界 之 从表格里拖到树上 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我是...

    JetGrid 我自己编写的js生成表格代码(带使用例子)

    JetGrid , 我自己编写的js生成表格代码,同时还自带列冻结、头部冻结、底部冻结和列拖动宽度的功能,同时可自己编写点击列触发的事件,详情的请自行阅读代码吧,总之功能很强大

    基于s2sh+Extjs+dwr OA系统带全部JAR

    ssh2的oa系统简单的oa哦 ...可以把grid直接拖到tree,不同于其他的例子,拖动grid后会在tree中加一个叶子节点,大家试下就会明白。 自己练习用的哦,做的不好不要骂我,哪里不好希望大家包涵。

    自己用ssh2 和 ext 做的简单oa

    可以把grid直接拖到tree,不同于其他的例子,拖动grid后会在tree中加一个叶子节点,大家试下就会明白。 自己练习用的哦,做的不好不要骂我,哪里不好希望大家包涵。 本人qq :784027965 大家学习happy哈^_^

    ssh2 extjs oa

    可以把grid直接拖到tree,不同于其他的例子,拖动grid后会在tree中加一个叶子节点,大家试下就会明白。 系统默认用户名密码 都为 admin 自己练习用的哦,做的不好不要骂我,哪里不好希望大家包涵。 本人qq :...

    Android例子源码强大的listview效果集合项目.zip

    包括卡片式列表,Grid View列表,列表item逐个淡入显示,拖动列表item重新排序(,滑动删除列表item,批量删除列表item,展开列表item等等。 GIT地址https://github.com/nhaarman/ListViewAnimations

    掏钱学Ext(完整版) 附全部源码

    2.7. 还差:表头菜单,分页,可编辑表格,去服务器读取数据,改变大小,表格间拖拽,树与表格间拖拽。 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我是为了树,才开始学ext的。 3.2. 传统是先做出一棵树来。 ...

    Ext Js权威指南(.zip.001

    10.3.3 为行添加附加信息:ext.grid.featrue.rowbody / 538 10.3.4 数据汇总功能:ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5 分组功能:ext.grid.featrue.grouping / 543 ...

    看实例学VFP:更复杂的查询

    由于是从数据环境中把“人员信息表”拖动过来由系统自动生成的,该表格控件的RecordSource属性及RecordSourceType属性已经由系统设置好了,不用管它,但name属性值系统给出的好长,为了书写代码的方便,我们把这个...

    Android例子源码强大的listview效果集合项目

    包括卡片式列表,Grid View列表,列表item逐个淡入显示,拖动列表item重新排序(,滑动删除列表item,批量删除列表item,展开列表item等等。 GIT地址https://github.com/nhaarman/ListViewAnimations 

    wx-Canvas:小型图像渲染器用于微信小程序

    wx-画布 小型图像渲染器用于微信小程序 例子 这是画布展示示例! 这是拖动画布显示的示例! 这是grid-trace-drag画布显示示例! 这是显示多键盘的示例,但现在不起作用(2017-6-11)

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    16.我们拖动标签一角的蓝点,将全部文字显示出来。 17.再次按下运行按钮,便会出现helloworld。 到这里helloworld 程序便完成了。 Qt Creator 编译的程序,在其工程文件夹下会有一个debug 文件夹,其中有程序的.exe ...

Global site tag (gtag.js) - Google Analytics