StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHide collapsible image into just one grid
primarykey
Id
12460878
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-09-17T13:58:54.500
FavoriteCount
0
LastActivityDate
2012-09-19T10:09:57.530
LastEditDate
2012-09-19T10:09:57.530
LastEditorUserId
1547915
OwnerUserId
1547915
ParentId
0
PostTypeId
1
Score
0
ViewCount
382
LastEditorDisplayName
text
Body
<p>as the title says I need to hide the collapsible image from one grid (I have many in the same web), and I cannot simply change the css because then every grid in my web would do the same, I want just that grid to have no background image.</p> <p>I have tried to create a css class with <code>background-image: none</code> and change the bodyCssClass, baseCls, cls configs, but I don't obtain the expected behaviour.</p> <p>Any idea?</p> <p>EDIT 1:</p> <p><strong>GridPanel code:</strong></p> <pre><code>var grid = new Ext.grid.GridPanel({ id: "gridPanel1", disableSelection: true, frame: true, title: "Centers", //autoHeight: true, height: 415, width: 500, store: store, colModel: new Ext.grid.ColumnModel(items), ctCls: 'noCollapsable', view: groupingVi, sm: selectionMod }); </code></pre> <p><strong>css:</strong></p> <pre><code>.noCollapsable{ background-image: none !important; } </code></pre> <p>EDIT 2:</p> <p>Yes! It's exactly like that example ( <a href="http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/groupgrid.html" rel="nofollow">http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/groupgrid.html</a> ), but the background image it's in the</p> <pre><code> <div class="x-grid-group-title">Cuisine: CountryX (Y Items)</div> </code></pre> <p>and I don't have idea of how to use the Ext DomHelper or anything to change those divs' css inside this structure:</p> <pre><code><tr id="gridview-1013-hd-CountryX" class="x-grid-group-hd x-grid-group-hd-collapsed"> <td class="x-grid-cell" colspan="2" style="padding-left:0px;"> <div class="x-grid-cell-inner"> <div class="x-grid-group-title">Cuisine: Country X (Y Items)</div> </div> </td> </tr> </code></pre> <p>In which I could use first tr's id to distingish from the other grids, but as I said, I don't know how to access those divs</p>
Tags
<javascript><extjs>
Title
Hide collapsible image into just one grid
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USJavier
UserOwnerUserId
1. USJavier
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.