содержимое в div становится недоступным для редактирования в режиме с помощью jqwidgets, jqtabs - PullRequest
Новая
       8

содержимое в div становится недоступным для редактирования в режиме с помощью jqwidgets, jqtabs

0 голосов
/ 29 октября 2018

Попытка реализовать jqtabs с помощью jqtree. В сценарии, когда мы пытаемся нажать на узел дерева, будет открыта новая вкладка с содержимым.

В последней создается новая вкладка с содержанием , но ее нельзя редактировать . не уверен насчет поведения дерева с вкладками комбо. Мой код выглядит следующим образом: 

<aside class="right-sidebarmodi">

        <div id='jqxTree'> <ul>
                <li item-expanded='true'>Transaction Data
                    <ul>
                        <li id="oo">oo</li>
                        <li id="fc">fc</li>
                        <li id="pc">pc</li>
                    </ul>
                </li>           </ul>       </div>

                </aside>

        <div id='jqxWidget'>
           <div style='float: left;'>
                <div id='jqxTabs'>
                    <ul style='margin-left: 10px;'>


                    </ul>
                    <div id='oo1' >

                        <ui:include src="../../dsmod/transaction/1.xhtml" />
                    </div>
                    <div id='fc1' >Tab 2</div>
                    <div id='pc1' >Tab 3</div>
                </div>  
           </div>       
        </div>

И мой сценарий выглядит следующим образом: 

<script type="text/javascript">

        $(document).ready(function () {


            // Create jqxTree
             $("#jqxTabs").css('visibility', 'hidden');

            $('#jqxTree').jqxTree({ height: '800px', width: '245px' });
            $('#jqxTree').bind('select', function (event) {

                var htmlElement = event.args.element;
                var item = $('#jqxTree').jqxTree('getItem', htmlElement);
                var position;
                var tabsCount = $("#jqxTabs").jqxTabs('length');
               // alert(tabsCount);
                for (var i = 0; i &lt; tabsCount; i++) {
                    var tabTitle = $("#jqxTabs").jqxTabs('getTitleAt', i);
                    if (tabTitle == item.label) {
                        position = i;
                        break;
                    };
                };
                alert(item.label);
                $("#jqxTabs").css('visibility', 'visible');

                $('#jqxTabs').jqxTabs('removeAt', position);
                $('#jqxTabs').jqxTabs('addLast', item.label, $("#"+item.id+"1").html() );

                $('#jqxTabs').jqxTabs('ensureVisible', -1);

            });

        });
    </script>

        <script type="text/javascript">
        $(document).ready(function () {
            $('#jqxTabs').jqxTabs({ height: 800, width: 1200  , showCloseButtons: true});
        });
    </script>

Кто-нибудь пробовал с деревом с вкладками. это то же самое поведение или любой обходной путь для этого.

...