1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    3
    Vote Rating
    0
    adhitia is on a distinguished road

      0  

    Default Multiple DragDropAble Tree grid with single DataStore

    Multiple DragDropAble Tree grid with single DataStore


    Hi All

    I'm very new in this EXTJs

    I have condition where i must create multiple treegrid with same data

    it use for drag-drop (just like explorer in Window)

    But when I load single Store for Multiple Tree, its not work as expected

    Only one tree that able to load the store, the rest tree is unable to load

    Here is the Example Script

    Code:
    store = Ext.create('Ext.data.TreeStore', {
        model: 'Index',
        proxy: {
            type: 'ajax',
            url: '/get_nodes/1.json'
        },
        root: {},
    });
    Code:
    tree = Ext.create('Ext.tree.Panel', {
        title: 'Core Team Projects',
        width: 500,
        height: 300,
        store: store,  //HERE I LOAD THE STORE
        viewConfig: {
          plugins: {
              ptype: 'treeviewdragdrop',
            } ,
        },
    
        tbar:[            
            {
                text: 'Add/New',
                iconCls: 'add16',
                id:'add_new_button'
            },
            {
                text: 'Edit',
                iconCls: 'add16',
                id:'edit_button'
            },
            {
                text: 'Copy',
                iconCls: 'add16',
                menu: [{text: 'Paste Menu Item'}]
            },
            {
                text: 'Paste',
                iconCls: 'add16'
            }],
        columns: [{
            xtype: 'treecolumn', //this is so we know which column will show the tree
            text: 'Index Point',
            flex: 2,
            sortable: true,
            dataIndex: 'description',
            allowDrop: true
        },{
            text: 'Refrence Point',
            flex: 1,
            dataIndex: 'refrence_point',
            sortable: true
        },{
            text: 'Document',
            flex: 1,
            dataIndex: 'file',
            sortable: true
        },{
            text: 'Pages',
            flex: 1,
            dataIndex: 'pages',
            sortable: true
        }
        ,{
            text: 'Date',
            flex: 1,
            dataIndex: 'date',
            sortable: true
        }]
    });
     tree2 = Ext.create('Ext.tree.Panel', {
            title: 'Core Team Projects',
            width: 500,
            height: 300,
            store: store, //HERE I LOAD THE STORE FOR SECOND TIME
            viewConfig: {
                        plugins: {
                            ptype: 'treeviewdragdrop',
                            appendOnly: false
                          } ,
                        listeners: {  
                            drop: function (node, data, overModel, dropPosition) {
                              alert('sunGod')
    
                              Ext.Ajax.request({ 
                                  url: '/nodes/move',  
                                  method:'POST', 
                                  params:{parent_id:data.records[0].data.parentId, node_id:tree.getSelectionModel().getLastSelected().data.id},
                              });       
                              console.log(data.records[0].data.parentId);                   
                              alert(data.records[0].data.parentId);
                              alert(tree.getSelectionModel().getLastSelected().data.id);
                            }
                         }
            },
            columns: [{
                xtype: 'treecolumn', //this is so we know which column will show the tree
                text: 'Index Point',
                flex: 2,
                sortable: true,
                dataIndex: 'description',
                allowDrop: true
            },{
                text: 'Refrence Point',
                flex: 1,
                dataIndex: 'refrence_point',
                sortable: true
            },{
                text: 'Document',
                flex: 1,
                dataIndex: 'file',
                sortable: true
            },{
                text: 'Pages',
                flex: 1,
                dataIndex: 'pages',
                sortable: true
            }
            ,{
                text: 'Date',
                flex: 1,
                dataIndex: 'date',
                sortable: true
            }]
        });
         tree.render('tree-example');
         tree2.render('tree-example2');
    I use Plugin for Drag and Drop

    I hope there is someone can help me

    Thank You



    Adhit

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Posts
    3
    Vote Rating
    0
    adhitia is on a distinguished road

      0  

    Default


    This Problem is not solved yet....

    Please anyone can help me

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi