1. #1
    Ext User KSagar's Avatar
    Join Date
    Oct 2009
    Location
    Pune, India
    Posts
    39
    Vote Rating
    0
    KSagar is on a distinguished road

      0  

    Question Combining rows and displaying images in a grid

    Combining rows and displaying images in a grid


    Hello All,

    I am trying to combining all the rows from grid and displaying the image in the grid as shown in the attachment. Is it poosible to do this using extjs? Any idea?
    Attached Images

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Not in a GridPanel, but this doesn't really need to be a grid and could simply be a DataView.

  3. #3
    Ext User KSagar's Avatar
    Join Date
    Oct 2009
    Location
    Pune, India
    Posts
    39
    Vote Rating
    0
    KSagar is on a distinguished road

      0  

    Question


    Is it possible to remove the strips(horizontal lines) from the grid?

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Assign a cls to the grid and create a css rule based on this class to not display the row lines.

  5. #5
    Ext User KSagar's Avatar
    Join Date
    Oct 2009
    Location
    Pune, India
    Posts
    39
    Vote Rating
    0
    KSagar is on a distinguished road

      0  

    Question


    How this css rule will look like?

  6. #6
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Assuming you used cls:'my-class' it would be:
    Code:
    .my-class .x-grid-row {border-bottom-color: #FFF;}

  7. #7
    Ext User jcabrera's Avatar
    Join Date
    Aug 2009
    Posts
    11
    Vote Rating
    0
    jcabrera is on a distinguished road

      0  

    Default templates fit your need

    templates fit your need


    I guess that if you are not using the power of the grid, you should not use a grid and pretend it is another object.
    You could generate a list like that applying a template to the store directly. I guess you'll get better results.
    Check for xtemplate on doc.

  8. #8
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    That is why I suggested DataView earlier (I assumed you still want to use a store).

Thread Participants: 2