Блог

я могу использовать тему Metronic, и у меня есть такой класс

        <div class="pb-5" data-wizard-type="step-content">
                                        <div id="kt_tree_2" class="tree-demo">
                                            <ul>
                                                <li>
                                                 Root node 1
                                                    <ul>
                                                        <li  data-jstree='{ "icon" : "flaticon2-analytics text-success " }'>

                                                        </li>
                                                    </ul>
                                                    
                                                    
                                                </li>
                                                <li data-jstree='{ "type" : "file" }'>

                                                </li>
                                            </ul>
                                        </div>
                                    </div>
 

Когда я пишу текст внутри темы, я его не показываю. Я изменил текст корневого узла 1.

Пример метронного дерева

Как я могу получить доступ к вводу данных? Дерево Js

 
        this._data.core.original_container_html = this.element.find(" > ul > li").clone(true);
            this._data.core.original_container_html
                .find("li").addBack()
                .contents().filter(function() {
                    return this.nodeType === 3 amp;amp; (!this.nodeValue || /^s $/.test(this.nodeValue));
                })
                .remove();
            this.element.html("<" "ul class='jstree-container-ul jstree-children' role='group'><" "li id='j" this._id "_loading' class='jstree-initial-node jstree-loading jstree-leaf jstree-last' role='none'><i class='jstree-icon jstree-ocl'></i><" "a class='jstree-anchor' role='treeitem' href='#'><i class='jstree-icon jstree-themeicon-hidden'></i>"   this.get_string("Loading ...")   "</a></li></ul>");
            this.element.attr('aria-activedescendant','j'   this._id   '_loading');
            this._data.core.li_height = this.get_container_ul().children("li").first().outerHeight() || 24;
            this._data.core.node = this._create_prototype_node();


_create_prototype_node : function () {
            var _node = document.createElement('LI'), _temp1, _temp2;
            _node.setAttribute('role', 'none');
            _temp1 = document.createElement('I');
            _temp1.className = 'jstree-icon jstree-ocl';
            _temp1.setAttribute('role', 'presentation');
            _node.appendChild(_temp1);
            _temp1 = document.createElement('A');
            _temp1.className = 'jstree-anchor';
            _temp1.setAttribute('href','#');
            _temp1.setAttribute('tabindex','-1');
            _temp1.setAttribute('role', 'treeitem');
            _temp2 = document.createElement('I');
            _temp2.className = 'jstree-icon jstree-themeicon';
            _temp2.setAttribute('role', 'presentation');
            _temp1.appendChild(_temp2);
            _node.appendChild(_temp1);
            _temp1 = _temp2 = null;

            return _node;
        },
 

Я пробую вручную li и i теги. Если я создам li и я внутри этого div, значок не отобразится. Я вижу только значок папки с файлами. На самом деле мне не нужна динамика.