Древовидная панель с rootVisible = true не отображается

Мое дерево отображается правильно при использовании rootVisible: false, Однако, установив его на true приводит к отсутствию отображения дерева и ошибок.

Моя цель - показать корневой узел, который я могу определить как / или же Root, Как этого добиться?


Мое решение:

Ввод rootVisible в true и добавив это в мой магазин дерева:

root: {
               id       : '/',
               expanded : false,
               name     : '/',
               type     : 'folder',
               path     : '/',
               root     : true
            }

1 ответ

Решение

Название для корневого узла Root по умолчанию. Но вы можете указать любое другое имя.

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        text: "/",
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: true,
    renderTo: Ext.getBody()
});

Если это не поможет, пожалуйста, отправьте больше кода из ваших данных, отправленных сервером, TreeStore, читателем.

Другие вопросы по тегам