Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default Unanswered: Custom CSS (.x-boundlist-item) override in ExtJS combobox

    Unanswered: Custom CSS (.x-boundlist-item) override in ExtJS combobox


    Hi,
    I am trying to implement multiSelect combobx with checkbox selection. PFB the snapshot :

    Attachment 41332

    I have used
    Code:
    listConfig : {        baseCls: 'z-myboundlist'
        },
    in combobox. And in ext-all.css, have put
    Code:
    .z-myboundlist-selected { }
    to modify css and place the checked image of checkbox in background, when that particular combo box list is selected. It is working fine as you can see the checkbox checked in the above diagram.

    However, what I need is an unchecked checkbox image in the remaining list items within the combo box. I added
    Code:
    .z-myboundlist-item {}
    in ext-all.css, but it is not working.

    When I do an inspect element in the combo box list items, I get this :
    Code:
    <li role="option" class="x-boundlist-item">South Korea</li>
    I want to know, why ''.z-myboundlist-item' is not getting added in class, and still 'x-boundlist-item'is being shown.

    I cannot add the unchecked chekbox image in x-boundlist-item class, since it will be added in all the combo box instances in the page. I want it to be specific to a single specific combo box.

    Please help.
    Thanks,
    Ronz

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,519
    Answers
    3447
    Vote Rating
    814
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    First, you shouldn't edit any CSS or JS file that comes with the framework. You should only use your application files.

    To specify what class is on each list item then you should use the itemCls config instead of the baseCls config.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default


    Ok. Thanks for the information.
    I did not find itemCls config for combobox. How shall I implement the same. Any demo/code ?
    Thanks,
    Ronz

  4. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,781
    Answers
    356
    Vote Rating
    167
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    Combobox's drop down is an instance of an Ext.view.BoundList. You can set configs for a combobox's drop down using its listConfig.
    The itemCls can be be configured there.

    Code:
    listConfig: {
        itemCls: 'my-item-cls'
        // ... any other boundList configs
    }

Thread Participants: 2

Tags for this Thread