1. #1
    Sencha Premium Member
    Join Date
    Jan 2012
    Location
    Lahore
    Posts
    53
    Vote Rating
    -1
    waqar is an unknown quantity at this point

      0  

    Default Unanswered: Keeping Same Icons for Expanded / collapsed Nodes of Tree Gird.

    Unanswered: Keeping Same Icons for Expanded / collapsed Nodes of Tree Gird.


    I am working with Tree, I set IconCls string value from server based on the node value and send json to browser, tree icons displays perfect but when node is clicked the icon turn into a UGLY open Folder icon for no reason, how can I over ride this so that it do not change to folder icon , I want to keep the same Icon class which I sent in IconCls to be visible not this folder Icon Class, this is my tree :

    Code:
    Ext.define('Application.MyGridTree', {
            extend: 'Ext.tree.Panel',
            // Settings
           useArrows: true,
            rootVisible: false,
            store: clientTreeStore,
            multiSelect: false,
            singleExpand: true,
            allowDeselect :true,
    initComponent : function() {
    this.callParent();
    }


    This is the Model:
    Code:
    Ext.define('clientsTree', {
    extend: 'Ext.data.Model', fields : [ {name : 'userId'}, {name : 'userName'},
    {name : 'iconCls'},
    {name : 'expanded'}, {name : 'leaf'}, ], idProperty: 'userId' });


    This is store:
    Code:
    var clientTreeStore = Ext.create('Ext.data.TreeStore', {
            model: 'userTree',
            proxy: {
                type: 'ajax',
                url : 'treeService'
            },
            folderSort: true
        });
    Last edited by waqar; 6 Apr 2012 at 5:00 AM. Reason: Improving messege

  2. #2
    Sencha Premium Member
    Join Date
    Jan 2012
    Location
    Lahore
    Posts
    53
    Vote Rating
    -1
    waqar is an unknown quantity at this point

      0  

    Default overriding Default CSS works - But no in my situation

    overriding Default CSS works - But no in my situation


    I did find out that if I copy this to my css it overrides the defualt 'UGLY' folder icon but this bounds me to stick to the icon which is hard coded in this CSS:
    Code:
    .x-grid-tree-node-expanded .x-tree-icon-parent {
        background-image:url("./ext/resources/images/default/s.gif");
        padding-top: 1px;
    }
    What I need is to stay with the icon passed from server ie. in "iconCls" attribute.

    any help would be appricaited!!!

    Cheers!

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi