首页 新闻 赞助 找找看

EXT DataView 里面的数据可以拖动改变位置。

0
悬赏园豆:20 [已关闭问题] 关闭于 2014-02-08 14:23

大神们, 谁知道Ext  DataView 里面的数据怎么拖动改变位置那? 我在里面放了一个图片,图片上有链接是个附件, 谁知道怎么拖拽改变位置。 给点资料。鄙人不胜感激。

问题补充:

function onDataViewRender(v){
//创建拖拽对象
var dd = new Ext.dd.DragDrop(v.el);
//存储被拖拽的节点
var dragData = null;
dd.onMouseDown = function(e) {

var t,idx,record;
try {
t = e.getTarget(v.itemSelector);
idx = v.indexOf(t);
record = v.getStore().getAt(idx);

// Found a record to move
if (t && record) {
dragData = {
origIdx : idx,
lastIdx : idx,
record : record
};
return true;
}
} catch (ex) { dragData = null; }
return false;
},
//开始拖拽
dd.startDrag = function(x, y) {
if (!dragData) { return false; }
Ext.fly(v.getNode(dragData.origIdx)).addClass('thumb');
v.el.addClass('thumb-wrap-selected');
},
//结束拖拽
dd.endDrag = function(e) {
if (!dragData) { return true; }
Ext.fly(v.getNode(dragData.lastIdx)).removeClass('thumb');
v.el.removeClass('thumb-wrap-selected');
return true;
},

dd.onDrag = function(e) {
var t,idx,record,data = dragData;
if (!data) { return false; }
try {
t = e.getTarget(v.itemSelector);
idx = v.indexOf(t);
record = v.getStore().getAt(idx);
if (idx === data.lastIdx) { return true; }

//将数据插入到新的位置
if (t && record) {
data.lastIdx = idx;
v.getStore().remove(data.record);
v.getStore().insert(idx, [data.record]);
Ext.fly(v.getNode(idx)).addClass('thumb');
return true;
}
} catch (ex) { return false; }
return false;
}
}

 

这是从网上找的代码,说是放到render事件中就可以用了。 大神们,帮忙看看 事件该怎么写?  还有传的那个参数v 具体代表的是什么意思? 

var dataview = new Ext.DataView({
id:'View_CzsmFile_id',
store: store,
tpl: tpl,
autoScroll: true,
multiSelect: false,
overClass:'x-view-over',
itemSelector:'div.thumb-wrap',
style:'padding:5px',
render:onDataViewRender(?),//此处为写事件的地方。这该传什么参数?
emptyText: '<div style="margin:10px;padding:10 0 10 0;text-align:center;background:#BBBB00;color:#FFFFFF">暂未上传附件 !</div>'
});

这是我写的dataview帮忙看看 render事件该怎么写?

Mr`zhang的主页 Mr`zhang | 初学一级 | 园豆:124
提问于:2014-01-28 16:12
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册