关于ext中拖拽的问题

如图把左侧的图片拖动到右侧的formpanel中，样子是实现了，
但不知道怎样修改使图片只有拖textarea中是才可以放下，并更新textarea中的value，如果textarea中有值则叠加以下是代码
//添加用户
var Content_Edit = function (config)
{
config.idsArra = config.ids.split(",");

var oThis = this;
Ext.apply(this, config);
Content_Edit.submit = function(params)
{
alert('稿件ID：'+params.id+'\n节点ID:'+params.nodeId);
/*if (Ext.getCmp("Content_Edit."+params.ids).form.isValid())
{
Ext.getCmp("Content_Edit."+params.ids).getForm().submit
({
url:$APP_URL()+'controller=Admin.Content.List&action=edit',
params:{'uid':params.ids},
waitMsg:'正在保存数据...',
success:function(form,action)
{
Ext.MessageBox.show
({
title: '消息',
msg: '用户编辑成功！',
buttons: Ext.MessageBox.OK,
icon: Ext.MessageBox.INFO
});
Ext.getCmp("Content_List."+params.nodeId).store.reload();
},
failure:function(form,action)
{
Ext.MessageBox.alert('错误',action.result.msg);   
}
});
}
else
{
Ext.MessageBox.alert('错误', '数据有误，修改后提交！');
} */
}
for(i = 0;i< oThis.idsArra.length;i++){

Content_Edit.formPanel = new Ext.form.FormPanel
({
title:"新建内容",
id:"Content_Edit."+oThis.idsArra[i],
border:false,
width: 980,
//frame:true,
bodyStyle:'background:#dfe8f6;padding:5px;border:0px',
waitMsgTarget: true,
keys: 
[{
key: Ext.EventObject.ENTER,
ctrl:true,
handler: Content_Edit.submit
}],
items:
[
  {
bodyStyle:'background:#dfe8f6;border:0px',
layout:'column',
items:[{
bodyStyle:'background:#dfe8f6;border:0px',
columnWidth:.5,
layout: 'form',
items: [{
fieldLabel:"标题",//文本框标题
xtype:"textfield",//表单文本框
name:"title",
width:300,
blankText:'不能为空',
allowBlank:false,
style:"background:#f0f0f0"
}]
},{
bodyStyle:'background:#dfe8f6;border:0px',
columnWidth:.3,
layout: 'form',
items: [new Ext.form.DateField({
fieldLabel: '上线时间',
name: 'dateline',
width:100,
allowBlank:false
})
]
}]
},{
bodyStyle:'background:#dfe8f6;border:0px',
layout:'column',
items:[{
bodyStyle:'background:#dfe8f6;border:0px',
layout: 'form',
items: [{
fieldLabel:"副标",//文本框标题
xtype:"textfield",//表单文本框
width:200,
name:"editor"
//anchor: '95%'
  }]
},{
xtype:"textfield",//表单文本框
width:200,
height:24
  },new Ext.Button({
text :"浏览",
handler:function(){
alert("选择。")
}

})]
},{
bodyStyle:'background:#dfe8f6;border:0px',
layout:'column',
items:[{
bodyStyle:'background:#dfe8f6;border:0px',
layout: 'form',
items: [{
xtype:"textfield",//表单文本框
width:200
//anchor: '95%'
  }]
},{
xtype:"textfield",//表单文本框
width:200,
height:24
  },new Ext.Button({
text :"浏览",
handler:function(){
alert("选择。")
}

})]
},{
bodyStyle:'background:#dfe8f6;border:0px',
layout:'column',
items:[{
bodyStyle:'background:#dfe8f6;border:0px',
layout: 'form',
items: [{
xtype:"textfield",//表单文本框
width:200
//anchor: '95%'
  }]
},{
xtype:"textfield",//表单文本框
width:200,
height:24
  },new Ext.Button({
text :"浏览",
handler:function(){
alert("选择。")
}

})]
},{
bodyStyle:'background:#dfe8f6;border:0px',
layout:'column',
items:[{
bodyStyle:'background:#dfe8f6;border:0px',
layout: 'form',
items: [{
fieldLabel:"新闻来源",
xtype:"textfield",//表单文本框
width:200
//anchor: '95%'
  }]
},new Ext.form.ComboBox({
store: new Ext.data.SimpleStore({
fields: ['retrunValue', 'displayText'],
data : [['1','测试一'],['2','测试2']] // from states.js
}),
hiddenName:'selectMatType',
valueField:'retrunValue',
displayField:'displayText',
typeAhead: true,
mode: 'local',
value:1,
triggerAction: 'all',
selectOnFocus:true,
editable: false,
width:80
}),{
layout: 'form',
style:"margin-top:0px;height:20px",
fieldLabel:"作者",
xtype:"textfield",
width:130
}]
},
{
id:"area."+oThis.idsArra[i],
fieldLabel:"描述",//文本框标题
xtype:"textarea",//表单文本框
width:700,
value:'11'
  },{
fieldLabel:"新闻内容",//文本框标题
//xtype:"fckeditor",//表单文本框
xtype:"textarea",
width:700,
height:300
  }
],

buttons: [{
text: '保存', 
fileId:oThis.idsArra[i],
handler:function(){
Content_Edit.submit({'id':this.fileId,'nodeId':oThis['nodeId']});
Ext.getCmp('Content_Edit.tabs').remove(Ext.getCmp("Content_Edit."+this.fileId)); }
},{
text: '重置'
}],
buttonAlign:"center"
})

if(Ext.getCmp('Content_Edit.tabs')){
Ext.getCmp('Content_Edit.tabs').add(Content_Edit.formPanel).show();
}else{
Content_Edit.tabs = new Ext.TabPanel({
frame:true,
id:'Content_Edit.tabs',
region: 'center',
margins:'3 3 3 0', 
activeTab: 0,
defaults:{autoScroll:true},
tbar : [{
text : '新民网 >> 添加内容',
disabled:true

}], items:[Content_Edit.formPanel]
});

Content_Edit.nav = new Ext.Panel({
id:'images',
title: 'Navigation',
region: 'west',
split: true,
width: 150,
collapsible: true,
collapsed : false,
margins:'3 0 3 3',
cmargins:'3 3 3 3',
layout:'fit',
items:new Ext.DataView({
id:"image_view",
itemSelector: 'div.thumb-wrap',
style:'overflow:auto',
multiSelect: true,
store: new Ext.data.JsonStore({
url: 'http://172.25.43.51/framework/script/extjs/3.0/examples/view/get-images.php',
autoLoad: true,
root: 'images',
id:'name',
fields:[
'name', 'url',
{name: 'shortName', mapping: 'name', convert: shortName}
]
}),
tpl: new Ext.XTemplate(
'<tpl for=".">',
'<div class="thumb-wrap" id="{name}">',
'<div class="thumb"><img src="http://172.25.43.51/framework/script/extjs/3.0/examples/view/{url}" class="thumb-img"></div>',
'<span>{shortName}</span></div>',
'</tpl>'
)
}),
tbar : [{
text : '添加附件',
handler:function(){
var dlg = new Ext.ux.SwfUploadPanel({
title: '图片上传', 
width: 500, 
height: 300, 
border: false, 

//upload_url: 'upload_example.php', 
upload_url: $TPL_URL()+'/Admin/script/ux/upload_example.php', 
post_params: { id: 123}, 
file_types: '*.*', 
file_types_description: 'Image Files', 

flash_url:$TPL_URL()+'/Admin/script/ux/swfupload.swf', 
single_file_select: false,  // Set to true if you only want to select one file from the FileDialog.
confirm_delete: true,  // This will prompt for removing files from queue.
remove_completed: true // Remove file from grid after uploaded.
});  var win = new Ext.Window({
title: 'Window', 
width: 514, 
height: 330, 
resizable: false, 
items: [ dlg ]
}); // End Window

win.show(); }

}]
});

Content_Edit.window = new Ext.Window
({
title: '添加稿件',
width: 1000,
height:600,
resizable:true,
collapsible:true,
maximizable: true,
frame:true,
bodyStyle:'pEditing:5px;',
items: [Content_Edit.nav, Content_Edit.tabs],
layout: 'border'
//modal:true,//蒙板
}); Content_Edit.window.show();

var dragZone = new ImageDragZone(Ext.getCmp('image_view'), {
containerScroll:true,
ddGroup: 'organizerDD'
});
                                                      //拖到formpanel区域后监听
new Ext.dd.DropTarget(Ext.getCmp("Content_Edit."+oThis.idsArra[i]).body.dom, {
ddGroup: 'organizerDD',

notifyDrop:function(source, e, data){
if(e.target.tagName == 'TEXTAREA'){
alert('ddd')
}
}
});
}
Ext.getCmp("Content_Edit."+oThis.idsArra[i]).getForm().load
({
url:$APP_URL()+'controller=Admin.Content.List&action=getOneData',
waitMsg:'正在载入数据...',
params:{'id':oThis.idsArra[i]},
scope:this
});
}
function shortName(name){
if(name.length > 15){
return name.substr(0, 12) + '...';
}
return name;
};
}请各位指点！！！