ExtJs 4 - 如何拖放文本(或文本区域)字段的内容?

时间:2012-04-23 07:59:08

标签: javascript drag-and-drop extjs4

我有一个带有多个文本和文本区域字段的表单面板,并希望通过拖动将文本从一个字段复制(或移动)到另一个字段。 (字段本身应该保留在原位)。

ExtJs提供的示例几乎可以满足我的需求:field-to-grid-dd

问题是现在无法将文本输入可拖动文本字段。我假设这是因为'mousedown'事件被Ext.dd.DragZone对象截获,如果在可拖动元素中单击鼠标,则其方法getDragData()会启动拖动。

如果用户只是点击它而没有拖动,有没有办法将光标放在文本字段中?

1 个答案:

答案 0 :(得分:2)

我告诉您如何更改ExtJS示例文件(field-to-grid-dd.js),然后您可以更改自己的应用代码。

转到 148 行并发表评论或删除以下代码:

// i.unselectable();

然后转到 164 添加以下代码之前(或之后,无关紧要)e.stopEvent();

t.focus(); // Add This
e.stopEvent();

当然,您无法通过拖动鼠标来选择文本字段的值,但它可以实现您想要的效果。