1. #1
    Sencha User
    Join Date
    Jan 2011
    Posts
    5
    Vote Rating
    0
    GVTREVA is on a distinguished road

      0  

    Default How to hide certain checkbox in a CheckboxSelectionModel

    How to hide certain checkbox in a CheckboxSelectionModel


    Hello,

    I'm using a Ext.grid.CheckboxSelectionModel, but I don't want to have a CheckBox on every row. So, I try to find a way to hide the checkbox of certain row.

    How can I do that?

    Thanks for your help.

    PS: sorry for my english, I'm french.

  2. #2
    Ext JS Premium Member
    Join Date
    Mar 2011
    Location
    Paris, France
    Posts
    1
    Vote Rating
    1
    Jean Damien Hobe is on a distinguished road

      1  

    Default


    Hello,

    I used a renderer function in the CheckboxSelectionModel

    var sm = new Ext.grid.CheckboxSelectionModel({
    checkOnly : true,
    renderer : function(v,p,record) {
    // First condition : show
    if (record.data.XXX == 'YYYY') return '<div class="x-grid3-row-checker">&nbsp;</div>';
    // else hide
    else return '';
    },
    header: ''
    });

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    2
    Vote Rating
    0
    namodev05 is on a distinguished road

      0  

    Default How to hide certain checkbox in a CheckboxSelectionModel

    How to hide certain checkbox in a CheckboxSelectionModel


    For ExtJs 4.0.x

    Code:
    selModel: Ext.create('Ext.selection.CheckboxModel', {
                    checkOnly : true,
                    renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
                        metaData.tdCls = Ext.baseCSSPrefix + 'grid-cell-special';
                        var html = '';
                        if (!record.data.expanded) {
                            html = '<div class="' + Ext.baseCSSPrefix + 'grid-row-checker"> </div>';
                        } else {
                            html = '';
                        }
                        
                        return html;
                    }
                })

  4. #4
    Sencha User
    Join Date
    Jul 2010
    Posts
    3
    Vote Rating
    0
    orlandofury is on a distinguished road

      0  

    Default thanks this save me

    thanks this save me


    Quote Originally Posted by Jean Damien Hobe View Post
    Hello,

    I used a renderer function in the CheckboxSelectionModel

    var sm = new Ext.grid.CheckboxSelectionModel({
    checkOnly : true,
    renderer : function(v,p,record) {
    // First condition : show
    if (record.data.XXX == 'YYYY') return '<div class="x-grid3-row-checker">&nbsp;</div>';
    // else hide
    else return '';
    },
    header: ''
    });
    Thanks exactly what i was looking for!! even though is an old post!

Similar Threads

  1. How to Disable/hide the check box of CheckboxSelectionModel grid
    By john_kennedy in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 27 Jan 2011, 11:16 PM
  2. how do i disable or hide the checkbox of the row, with CheckboxSelectionModel
    By singh.guru in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 23 Jan 2011, 3:58 AM
  3. Replies: 6
    Last Post: 1 Dec 2010, 6:50 AM

Thread Participants: 3