How can i fix to change source code?

Hi

I want to solve error of List function(DHTMLX)…

Source code of DHTMLX(List)

var dhxWins, w1, w2, w3, w4;
dhxWins = new dhtmlXWindows();

window.skin = “web”;
window.dhx4.skin = ‘dhx_web’;
var main_layout = new dhtmlXLayoutObject(document.body, ‘4W’);

w1 = main_layout.cells(‘a’);
w1.setText(‘Test1’);
var mylist1 = w1.attachList({
type:{
template:“#Title##Contents#”,
height: “auto”,
},
drag:true
});
w2 = main_layout.cells(‘b’);
w2.setText(‘Test2’);
var mylist2 = w2.attachList({
type:{
template:“#Title##Contents#”,
height: “auto”,
},
drag:true
});
w3 = main_layout.cells(‘c’);
w3.setText(‘Test3’);
var mylist3 = w3.attachList({
type:{
template:“#Title##Contents#”,
height: “auto”,
},
drag:true
});
w4 = main_layout.cells(‘d’);
w4.setText(‘Test4’);
var mylist4 = w4.attachList({
type:{
template:“#Title##Contents#”,
height: “auto”,
},
tooltip:{
template:“#Title##Contents#”,
},
drag:true
});
var tasks = ‘Test’
mylist1.parse(tasks);

mylist1.attachEvent(“onAfterDrop”, function (context,ev){
alert(‘Test1’);
});
mylist2.attachEvent(“onAfterDrop”, function (context,ev){
alert(‘Test2’);
});
mylist3.attachEvent(“onAfterDrop”, function (context,ev){
alert(‘Test3’);
});
mylist4.attachEvent(“onAfterDrop”, function (context,ev){
alert(‘Test4’);
});

The source code must show the test name in the same position of cell when drag-in.
But each time the source code runs in a new window(web browser), it shows a different test name.

Function is OK when 2 cell of list, is not OK when 3 or more cell of list.

Help me if you can solve problem.