отключить узел дерева

Question

Я перечислил данные для управления ASP.net TreeView.Я хотел отключить определенный узел / родительский узел в указанном TreeView.Я хотел сделать это с помощью jQuery.

Answer 1

если взять простую разметку триода:

<asp:TreeView runat="server" ID="myTreeView">
        <Nodes>
            <asp:TreeNode Text="Node 1 "/>                          
            <asp:TreeNode Text="Node 2"/>                           
            <asp:TreeNode Text="Node 3"/>                           
        </Nodes>
        <NodeStyle CssClass="treeNode" />
    </asp:TreeView>

Тогда вывод по умолчанию для одного узла:

<table cellspacing="0" cellpadding="0" style="border-width: 0pt;">
    <tbody><tr>
        <td><img alt="" src="/WebResource.axd?d=g57q362hyd_ZDMok5KQd0PqwW46aD7OdNOJZcZxqq5Q1&amp;t=634092817937234954"></td><td style="white-space: nowrap;" class="treeNode myTreeView_2"><a style="border-style: none; font-size: 1em;" id="myTreeViewt0" onclick="TreeView_SelectNode(myTreeView_Data, this,'myTreeViewt0');" href="javascript:__doPostBack('myTreeView','sNode 1 ')" class="myTreeView_0 treeNode myTreeView_1">Node 1 </a></td>
    </tr>
</tbody></table>

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

$ ('. TreeNode: eq (0)'), чтобы получить первый узел в дереве. Есть и другие селекторы, которые вы можете использовать, см. страницу селекторов на jQuery docs .

Тогда вы можете делать разные вещи.

• Вы можете скрыть узел:

    $('.treeNode:eq(0)').hide();
  

Вы можете заменить тег на текст:

      var node = $('.treeNode:eq(0)'); //get the node element
      var nodeLink = $('a', node).hide() //get the link and hide it;
      node.append(nodeLink.text()); //get the text from the link and add it to the node

или вы можете использовать сторонний плагин jquery для блокировки элемента (обычно это хорошо при выполнении операции ajax):

      - download the [blockui][2] plugin
      - reference the javascript file from your page (or masterpage)
      - then use this javascript call:
            to block:
                        $('.treeNode:eq(0)').block();
            unblock:
                         $('.treeNode:eq(0)').unblock();