Динамическое создание перетаскиваемого div в сенсорном Сенча - PullRequest
Новая
       13

Динамическое создание перетаскиваемого div в сенсорном Сенча

0 голосов
/ 06 июня 2011

Я использую основной пример перетаскивания Sencha и модифицирую его.Мне нужно иметь кнопку, которая может создать новый div и сделать его перетаскиваемым.Я смог сделать первое, но потом не могу сделать его перетаскиваемым.

Я знаю, что если я сделаю следующее, я сделаю div перетаскиваемым: 

new Ext.util.Draggable('my-div-id', {  });

но когдаЯ нажимаю кнопку второй раз, она больше не работает.Кажется, я могу создать только один перетаскиваемый div с тем же идентификатором.

Как я могу решить эту проблему?

1 Ответ

0 голосов
/ 09 ноября 2011

Это то, что я сделал: 

var count = 0;

Внутри моей функции для создания div: 

var divTag = document.createElement("div");
divTag.id = "somename" + count;

//Style the new div
divTag.setAttribute("align","center");
divTag.style.border = "1px solid rgba(0,0,0,.3)";
divTag.style.width = "100px";
divTag.style.height = "60px";
divTag.style.background = "#5283D1";
divTag.style.top = "170px";
divTag.style.left =  "5px";
divTag.style.position = "absolute";
divTag.style.color = "rgba(0,0,0,.5)";
divTag.style.borderRadius = "6px";

divTag.className ="x-draggable";

//added some text inside the div
divTag.innerHTML = count + " new";

document.body.appendChild(divTag);

new Ext.util.Draggable('somename'+count, { 
});

count += 1;

Итак, с переменной count я создаю новый идентификатор для каждого divЯ генерирую, таким образом, делая их всех перетаскиваемыми.

...