Cómo agregar el nodo raíz al panel de árbol en extjs 4 MVC

Question

Tengo el árbol con toda mi tarea que obtiene todos los datos de la base de datos y puedo mostrar los datos en el panel TreeView.

Ahora Quiero agregar dinámicamente el nodo raíz. es decir. El usuario cuando hace clic en el botón Agregar nuevo nodo raíz, Puedo crear una nueva raíz en el panel de vista de árbol.

Puedo crear el hijo del panel de raíz existente pero no del nuevo padre.

Mi código para agregar el niño al nodo raíz ya existente es

 text: 'Add new Root Node',
                iconCls: 'icon-save',
                handler: function () {
                    var task = taskStore.getRootNode().findChild('Name', 'Parent 1');

                    if(task) {
                        task.insertChild(0, new taskStore.model({
                            Name: 'Added as first child!',
                            PercentDone: 60,
                            StartDate : new Date(2010, 0, 6),
                            EndDate : new Date(2010, 0, 8)
                        })
                        );
                    }
                }

Cuando hago clic en él, todo está bien, pero quiero crear un nuevo nodo raíz. Entonces, lo que tuve que cambiar a mis cosas sucedió.

Tu sinceramente yogendra singh

Answer 1

No puedes tener más de una raíz. Puedes ocultar el nodo raíz configurando rootVisible a false, para simular tal comportamiento.Aquí es ejemplo.