Results 1 to 3 of 3

Thread: TreePanel scrolling disabled with heigh set to 100%

  1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    7

    Default TreePanel scrolling disabled with heigh set to 100%

    I have a TreeNode that is populated with a large number of nodes and must thus be scrollable. I am able to make it scrollable with the following code:

    Code:
      myTree = new Ext.tree.TreePanel({
         id:"myTree",
         region: "south",
         width: "100%",
         collapsible: true,
         autoScroll: true,
         enableDD: true,
         root: myTreeRoot,
         rootVisible: false,
         lines: false,
         viewConfig: {
             style: { overflow: 'scroll'}
         },
       });
    And later setting the element height after rendition:

    Code:
    Ext.getCmp('myTree').el.dom.style.height = "700px;
    The obvious problem with this is the fixed height of the TreeNode. If the user resizes the window, or uses a different resolution, the TreeNode will not be fully visible. But if I set the height to 100%:

    Code:
    Ext.getCmp('myTree').el.dom.style.height = "100%";
    The scroll bar is rendered but is disabled. How can I enable it? Or just make it work with height set to 100%?

    I am using ExtJS 3.4. Thank you.

  2. #2
    Sencha User
    Join Date
    Jan 2013
    Posts
    7

    Default

    Bump.

  3. #3
    Sencha User
    Join Date
    Jan 2013
    Posts
    7

    Default

    Bump.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •