Results 1 to 5 of 5

Thread: Treelist lost style

  1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    12
    Answers
    1
    Vote Rating
    0
      0  

    Default Answered: Treelist lost style

    Hi, all.
    I have a newbie question: why in my application treelist is not styled as treelist?

    treelist.png

  2. Please try to let Sencha Cmd run through. The uncompiled version of your app requires the compiled version of the style sheets. If you haven't recompiled the app after you added a new dependency, that dependency's styles are not part of your compiled stylesheet.

  3. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506
    Vote Rating
    292
      0  

    Default

    Can you please post the code you used to generate this output?

  4. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    12
    Answers
    1
    Vote Rating
    0
      0  

    Default

    The application is so large. This is fragment:
    Code:
    Ext.define("App.view.report.List",{
        extend: "Ext.panel.Panel",
        xtype: 'reportlist',
        
        requires: [
            "App.view.report.ListController",
            "App.view.report.ListModel"
        ],
    
    
        controller: "report-list",
        viewModel: {
            type: "report-list"
        },
    
    
        
        items:[{
            xtype: 'treelist',   
            bind: '{reportItems}'
        }]
    
    
    });
    
    Ext.define(App.view.report.ListModel', {
        extend: 'Ext.app.ViewModel',
        alias: 'viewmodel.report-list',
        
        stores:{
            reportItems:{
                type: 'tree', 
                root: {
                    expanded: true,
                    children: [
                        { text: 'detention', leaf: true },
                        { text: 'homework', expanded: true, children: [
                            { text: 'book report', leaf: true },
                            { text: 'algebra', leaf: true}
                        ] },
                        { text: 'buy lottery tickets', leaf: true }
                    ]
                }
            }
        }
    
    
    });
    Then the 'reportlist' is placed on 'panel'.

  5. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506
    Vote Rating
    292
      0  

    Default

    Are you hoping for it to look more like the example here?
    http://examples.sencha.com/extjs/6.0...ink/#tree-list

    Are you using a theme? If you are wanting different icons, you'll want to set the iconCls in your data is in the example.

  6. #5
    Sencha Premium User alexander.urban's Avatar
    Join Date
    Nov 2013
    Posts
    322
    Answers
    9
    Vote Rating
    50
      0  

    Default

    Please try to let Sencha Cmd run through. The uncompiled version of your app requires the compiled version of the style sheets. If you haven't recompiled the app after you added a new dependency, that dependency's styles are not part of your compiled stylesheet.

Similar Threads

  1. Replies: 3
    Last Post: 5 Mar 2013, 9:24 AM
  2. Replies: 6
    Last Post: 8 May 2012, 5:49 AM
  3. style is lost when dynamically load content into a panel
    By ajaxE in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 15 Feb 2008, 4:34 PM

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
  •