1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    33
    Vote Rating
    0
    Nightwish is on a distinguished road

      0  

    Thumbs up [SOLVED] Adding Checkbox column in GridPanel via Ext Designer

    [SOLVED] Adding Checkbox column in GridPanel via Ext Designer


    I know this is possible to do using Ext.grid.CheckboxSelectionModel but I could not figure out how to do it using the Ext Designer. A brief explanation and/or example would be greatly appreciated.

  2. #2
    Ext User
    Join Date
    Mar 2009
    Posts
    16
    Vote Rating
    0
    cwford is on a distinguished road

      0  

    Default Add checkbox column via Ext Designer

    Add checkbox column via Ext Designer


    Hello, Nightwish,

    There may be a much better way to do this, but here's what I did that worked for me:
    1. In Ext Designer I created a grid with a first column that I let default to what you get when you add a column
    2. I removed the header and made the column width 20
    3. Then after Exporting my design, I added the following lines of code to this js file that contains the initialization code for the component:
      Code:
      // My grid was within a viewport component, the grid had an autoref value of 'docGrid'
      MyViewport = Ext.extend(MyViewportUi, {
          initComponent: function() {
              MyViewport.superclass.initComponent.call(this);
      
              // Create a new checkbox column
              var cm = new Ext.grid.CheckboxSelectionModel({
                   // Put additional config values and listeners here
              });
      
              // Replace the grid selection model
              this.docGrid.selModel = cm;
      
              // Replace the current first column in the grid with the checkbox column
              this.docGrid.colModel.config[0] = cm;
          }
      });

    I hope this helps, and if there's a better way to do this I'd be pleased to know.

    Clyde

  3. #3
    Sencha - Desktop Packager Dev Team jarrednicholls's Avatar
    Join Date
    Mar 2007
    Location
    Frederick, MD
    Posts
    1,747
    Vote Rating
    7
    jarrednicholls will become famous soon enough jarrednicholls will become famous soon enough

      0  

    Default


    Yep, that's good Clyde. Here is another similar thread on the topic: http://www.extjs.com/forum/showthrea...blcass-configs

  4. #4
    Sencha User
    Join Date
    May 2010
    Posts
    33
    Vote Rating
    0
    Nightwish is on a distinguished road

      0  

    Default


    Thank you both, that works beautifully! Clyde, you should be writing help manuals - that was exceptionally well explained down to the autoRef id which as a novice I did not know about.

  5. #5
    Ext User
    Join Date
    Mar 2009
    Posts
    16
    Vote Rating
    0
    cwford is on a distinguished road

      0  

    Default


    Thanks, Nightwish,

    I'm really glad that worked for you.

    Technical writing improves when your other job, like mine, is writing novels--psychological thrillers set along the Inside Passage! "Red Herring," "Precious Cargo," "Whiskey Gulf" the latest in the series.

    Cheers,

    Clyde

  6. #6
    Sencha - Desktop Packager Dev Team jarrednicholls's Avatar
    Join Date
    Mar 2007
    Location
    Frederick, MD
    Posts
    1,747
    Vote Rating
    7
    jarrednicholls will become famous soon enough jarrednicholls will become famous soon enough

      0  

    Default


    A programming novelist! That's one I've yet to hear...very cool :-)

    http://www.clydeford.com/

  7. #7
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goias, Goiânia
    Posts
    431
    Vote Rating
    6
    wemerson.januario is on a distinguished road

      0  

    Default almost 100% working

    almost 100% working


    Using this exemple works ok. But, if I select all rows and after select just one. the top checkbox keep checked as such as selection model were all selected. How do I fix this? Thanks
    Wemerson Januario
    Twitter:
    @wemersonjanuar
    Skype:
    wemerson.januario
    Email: wemerson.januario@gmail.com
    Fone:
    62 9106-6689
    From: Goiânia, Brazil
    Desenvolvedor ExtJS/ ExtJS Developer

  8. #8
    Sencha - Desktop Packager Dev Team jarrednicholls's Avatar
    Join Date
    Mar 2007
    Location
    Frederick, MD
    Posts
    1,747
    Vote Rating
    7
    jarrednicholls will become famous soon enough jarrednicholls will become famous soon enough

      0  

    Default


    Hey Wemerson,

    That may be a bug in the CheckboxSelectionModel. I will confirm or deny that for you in just a minute...

    ...testing...

    ...Yes this is a bug in the CheckboxSelectionModel. Can you post this as a bug report on the Ext Bugs forum? Thanks Wemerson!

  9. #9
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goias, Goiânia
    Posts
    431
    Vote Rating
    6
    wemerson.januario is on a distinguished road

      0  

    Default


    posted! Thanks you.
    Wemerson Januario
    Twitter:
    @wemersonjanuar
    Skype:
    wemerson.januario
    Email: wemerson.januario@gmail.com
    Fone:
    62 9106-6689
    From: Goiânia, Brazil
    Desenvolvedor ExtJS/ ExtJS Developer

Similar Threads

  1. Ext Designer Problem: How to define number of columns in column layout?
    By romanczar in forum Ext Designer: Help & Discussion
    Replies: 4
    Last Post: 30 Sep 2010, 8:00 AM
  2. Ext Designer: How to add multiple radio buttons with designer?
    By lelapinblanc in forum Ext Designer: Help & Discussion
    Replies: 1
    Last Post: 26 Mar 2010, 1:38 PM
  3. Refreshing column widths in GridPanel on adding new records
    By Dinky in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 3 Mar 2008, 4:40 AM
  4. Gridpanel: How to group on a column displaying a checkbox?
    By mjcon in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 22 Jan 2008, 9:24 AM

Thread Participants: 3

Tags for this Thread

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