1. #1
    Ext User
    Join Date
    Apr 2007
    Location
    Vienna, Austria
    Posts
    5
    Vote Rating
    0
    zigi is on a distinguished road

      0  

    Default Ext.ux.grid.MultiCellSelectionModel

    Ext.ux.grid.MultiCellSelectionModel


    Hi guys,

    I've done an initial implementation of an SelectionModel which allows to perform Excel-like Multi-Cell Selection. It certainly has serveral rough edges and bugs and is neither performance optimized nor cross-browser tested (only ff2 atm).

    I thought it might be usefull for someone anyway.

    Usage:
    Code:
    var grid = new Ext.grid.GridPanel({
            store: store,
            columns: [
                {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
                {header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
                {header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
                {header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
                {header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
            ],
            height:350,
            width:600,
            title:'Array Grid',
            sm: new Ext.ux.grid.MultiCellSelectionModel()
        });
    If someone is interested, I can explain the few config options...

    Feedback is welcome

    Demo: http://codehaus.org/~ziegfried/multiselectdemo/

    Cheers, sigi
    Attached Files

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,496
    Vote Rating
    44
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Nice!

  3. #3
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    Very nice!

  4. #4
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    1
    DigitalSkyline is on a distinguished road

      0  

    Default


    Cool. Would be very nice if you could ctrl-c and paste these comma delimited "cells"!

  5. #5

  6. #6
    Ext JS Premium Member NoahK17's Avatar
    Join Date
    Apr 2008
    Location
    Atlanta, GA
    Posts
    518
    Vote Rating
    1
    NoahK17 is on a distinguished road

      0  

    Default


    What can I say... this works perfectly Zigi

    Thanks!!
    Noah
    Senior Web Developer
    NBA.com

  7. #7
    Ext JS Premium Member ECU's Avatar
    Join Date
    Oct 2007
    Location
    Paris, France
    Posts
    53
    Vote Rating
    0
    ECU is on a distinguished road

      0  

    Default


    Hi,

    Thanks for this nice extension but there are somes bugs with the 2.2 version of ExtJS:

    - once we click on a cell, all cells become blue on mouseover,
    - we cannot have multiples cells selected.

    By any chance, do you plan to fix them for this version ?
    Erwan Carriou
    MEGA International
    GRC Team
    Developer

  8. #8
    Ext User
    Join Date
    Apr 2007
    Location
    Vienna, Austria
    Posts
    5
    Vote Rating
    0
    zigi is on a distinguished road

      0  

    Default


    Hi,

    well, wasn't hard to fix. I've done it on my demo. You can try it for your self: http://codehaus.org/~ziegfried/multi.../index.html?v2

    I've quick-tested it in FF3, Safari and IE7.

    You can download it here: http://codehaus.org/~ziegfried/multi...ectionModel.js

    Cheers, Sigi

  9. #9
    Ext JS Premium Member ECU's Avatar
    Join Date
    Oct 2007
    Location
    Paris, France
    Posts
    53
    Vote Rating
    0
    ECU is on a distinguished road

      0  

    Thumbs up


    Hi,

    Thanks a lot, you saved my life :-)

    It works fine with IE6, IE7, FireFox 2

    Thanks again.
    Erwan Carriou
    MEGA International
    GRC Team
    Developer

  10. #10
    Ext JS Premium Member
    Join Date
    Jun 2008
    Posts
    110
    Vote Rating
    0
    superDuke is on a distinguished road

      0  

    Default selectAll

    selectAll


    Cool...I like it a lot. Any plans for a selectAll()..or selectRow() ?