Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
804
UltraWebTree Drag and Drop procedure
posted

Hello,

 Basicly I want to Drag and Drop a node from UltraWebTree_ONE to a DIV...I had my Javascript file with the drag and drop methods and function.. but I want to load my node name

with a WebServices to the UltraWebTree.

I actually use this line to create the UltraWebTree: var productWebTree = document.createElement("ignav");  (ignav=tag of ultraWebTree) but it didn't work., because if I replace ignav by div, its working and a DIV is creating.

I can show you my function who create the webTree:

     function Page_Load(sender, Args)
    {
//       UltraWebTree1.AllowDrag = true;
//       UltraWebTree2.AllowDrag = true;
//      
//       UltraWebTree1.AllowDrop = true;
//       UltraWebTree2.AllowDrop = true;
      
       // get all the products by invoking Web Service method
      ShoppingService.GetProducts(onProductsGot);
   
    // attach ShoppingCartBehavior to the shopping cart element
    $create(
        treeDrag.divShoppingCartBehavior,
        {"name": "myShoppingCartBehavior"},
        null,
        null,
        $get("shoppingCart")
    );
    function onProductsGot(result) {
    // get product container element
    var productContainer = $get("productContainer");
   
   
    // iterate product container
    for (var index = 0; index < result.length; ++ index) {
        // current product
        var thisProduct = result[index];
       
        // create DOM element and insert into product container element
        var productWebTree = document.createElement("UltraWebTree");
        productWebTree.innerHTML = thisProduct.Name + " - $"
            + thisProduct.Price;
        productContainer.appendChild(productWebTree);
       
        // attach DraggableNodeTreeBehavior to this product element
        $create(
            treeDrag.DraggableNodeTreeBehavior,
            {"product": thisProduct}, // set 'product' property
            null,
            null,
            productWebTree
        );
    }
}

 

Thanks you for the future help.