Перетаскивание содержимого файла, когда тег привязки помещается в TextArea.

0

В моем приложении есть 2 textarea, а следующий - код, в котором я добавил слушателей "dragover" и "drop" для этого 2 текстового поля

//для перетаскивания

handleDragOver : function (evt) {
        var self = this;
        evt.preventDefault();
        console.log ("handleDragOver ", evt);
        return;
    }

//для снижения

ShowFileContentDiff : function (evt) {
            evt.preventDefault();
            console.log ("ShowFileContentDiff ", evt);
        }

и после кода для привязки этих событий к 2 текстовым полям

textArea1.bind('dragover', self.handleDragOver);
textArea1.bind('drop', self.ShowFileContentDiff);

textArea2.bind('dragover', self.handleDragOver);
textArea2.bind('drop', self.ShowFileContentDiff);

Теперь в моем приложении у меня есть якорный тег, который содержит имя файла, я хочу показать содержимое файла в текстовом поле, когда я перетаскиваю этот якорный тег в текстовое поле.

Файловые ресурсы в основном хранятся в jsonstring в некотором объекте.

Моя проблема здесь не в ни один из методов, упомянутых выше. Я могу получить доступ к этому тегу привязки, чтобы я мог получить fileContent....

Может кто-нибудь, пожалуйста, дайте мне знать, как добиться этого.?

Теги:
textarea
drag-and-drop
file-copying

2 ответа

0
Лучший ответ

Я смог решить эту проблему, я использую JQuery UI plugin для функции перетаскивания, которая отлично подходит для моего требования и дает мне ссылку на элемент, который вытаскивается !!

вот ссылка для примеров на сайте пользовательского интерфейса jquery.

https://jqueryui.com/droppable/#shopping-cart
0

Если у вашего якоря есть идентификатор, вы можете сделать это:

ShowFileContentDiff : function (evt) {
    evt.preventDefault();
    console.log ("ShowFileContentDiff ", evt);
    console.log ("anchor id: " + evt.target.id);
}
  • 0
    Нет, он НЕ работает, он дает мне ссылку на текстовую область, куда я сбрасываю тег привязки.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню