Not able to Drag & Drop list elements

nagar

Hi,

I need arrange list elements in my application, in a particular order. I tried using _dragDrop(draggable, droppable), but it is not working. Instead of dragging a list element, it checks the check box within that element (in other words, it is simply clicking on that list element).

I also tried _mouseDown, _mouseOver & _mouseUp, but still issue remains same.
Methods I tried are:
(Here I am trying to drag list item "Surfing Quota" and drop at the place of "PPTP")

1) _dragDrop(_listItem("Surfing Quota"), _listItem("PPTP"));

2) function Move()
    {
         _mouseDown(_listItem("Surfing Quota"));
         _mouseOver(_listItem("Surfing Quota"));
         _mouseOver(_listItem("PPTP"));
         _mouseUp(_listItem("PPTP"));
    }

HTML snippets of these list elements are as follows:

<div id="DragList_Itemscolumnlist0" style="overflow-x: hidden; overflow-y: auto; height: 275px;">
<li id="Combo_item1" class="dragList_item_select_disable" key="1" label="User Id">User Id</li>
<li id="Combo_item2" class="dragList_item_select_disable" key="2" label="Name">Name</li>
<li id="Combo_item3" class="dragList_item_select_disable" key="3" label="User Name">User Name</li>
<li id="Combo_item4" class="dragList_item_select_disable" key="4" label="Type">Type</li>
<li id="Combo_item5" class="dragList_item_select_disable" key="5" label="Profile">Profile</li>
<li id="Combo_item6" class="dragList_item_select_disable" key="6" label="Group">Group</li>
<li id="Combo_item7" class="dragList_item_select_disable" key="7" label="Status">Status</li>
<li id="Combo_item8" class="dragList_item_select_disable" key="8" label="Web Filter">Web Filter</li>
<li id="Combo_item9" class="dragList_item_select_disable" key="9" label="Application Filter">Application Filter</li>
<li id="Combo_item16" class="dragList_item" key="16" label="PPTP">PPTP</li>
<li id="Combo_item15" class="dragList_item" key="15" label="L2TP">L2TP</li>
<li id="Combo_item18" class="dragList_item" key="18" label="MAC Address">MAC Address</li>
<li id="Combo_item14" class="dragList_item" key="14" label="MAC Binding">MAC Binding</li>
<li id="Combo_item10" class="dragList_item" key="10" label="Surfing Quota">Surfing Quota</li>
<li id="Combo_item11" class="dragList_item" key="11" label="Access Time">Access Time</li>
<li id="Combo_item12" class="dragList_item" key="12" label="Data Transfer">Data Transfer</li>
<li id="Combo_item13" class="dragList_item" key="13" label="QoS">QoS</li>
<li id="Combo_item17" class="dragList_item" key="17" label="Login Restriction">Login Restriction</li>
</div>

Please help in this issue.