Hi
I want the alternate row in gridpanel(both inner gridpanel as well as outer gridpanel) to be in a color, so i used the following code It does not show different color for alternate row, but if i remove <Plugins> section it works fine gridpanel is shown with a color for alternative rows.

Please help me

Thanks
venu



<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" runat="Server">
<script src="../Shared/CommandButtonAlign.js" type="text/javascript"></script>
<style type="text/css">
.Class1
{
background: #FFFFFF;
}
.Class2
{
background: #FBF8EB;
}
</style>


<script type="text/javascript">
window.lookup = [];

var clean = function () {
if (window.lookup.length > 0) {
RowExpander1.collapseAll();

Ext.each(window.lookup, function (control) {
if (control) {
control.destroy();
}
});

window.lookup = [];
}
};

var removeFromCache = function (c) {
var c = window[c];
window.lookup.remove(c);

if (c) {
c.destroy();
}
};

var addToCache = function (c) {
window.lookup.push(window[c]);
};
var count = 0;
function getRowClass(record) {
if (count == 0) {
count = 1;
return 'Class1';

}
else {
count = 0
return 'Class2';
}

}
var prepareCommand = function (value, rec) {
rec.Name = value.Name;
};
</script>
<table width="50%" align="center">
<tr align="center">
<td align="center" style="background-color: #BBF9B5">
<ext:Label ID="lblMessage" runat="server" CtCls="label-Message">
</ext:Label>
</td>
</tr>
</table>
<table class="Tableborder" border="0" cellpadding="0px" cellspacing="3px">
<tr>
<td colspan="2">
<ext:Store runat="server" ID="stPOList" AutoLoad="true" RemoteSort="true" OnRefreshData="LoadPO"
SerializationMode="Complex">
<Proxy>
<ext:PageProxy />
</Proxy>
<Reader>
<ext:JsonReader IDProperty="POID">
<Fields>
<ext:RecordField Name="PONumber" />
<ext:RecordField Name="Subject" />
<ext:RecordField Name="POType" />
<ext:RecordField Name="EstimateShippingDate" Type="Date" />
<ext:RecordField Name="Ven">
<Convert Fn="prepareCommand" />
</ext:RecordField>
<ext:RecordField Name="Name" />
<ext:RecordField Name="RequiredDate" Type="Date" />
<ext:RecordField Name="Status" />
<ext:RecordField Name="GrandTotal" />
<ext:RecordField Name="POID" />
<ext:RecordField Name="OrderedDate" Type="Date" />
</Fields>
</ext:JsonReader>
</Reader>
<SortInfo Field="PONumber" Direction="ASC" />
<AutoLoadParams>
<ext:Parameter Name="start" Value="0" Mode="Raw" />
<ext:Parameter Name="limit" Value="25" Mode="Raw" />
</AutoLoadParams>
</ext:Store>
<ext:GridPanel ID="GPPOList" runat="server" AutoScroll="true" AutoExpandColumn="Subject"
Title="PO List" AutoHeight="true" StoreID="stPOList" AnimCollapse="true"
TrackMouseOver="false">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="PONumber" Header="PO Number" DataIndex="PONumber" />
<ext:Column ColumnID="POID" Header="POID" Hidden="true" DataIndex="POID"
Hideable="false" />
<ext:Column ColumnID="Subject" Header="Subject" DataIndex="Subject" Hideable="false" />
<ext:Column ColumnID="POType" Header="PO Type" DataIndex="POType"
Width="95" Hidden="true" Hideable="false" />
<ext:Column ColumnID="Name" Header="V Name" DataIndex="Name" Hideable="false"
Width="150" />
<ext:Column ColumnID="RequiredDate" Header="Required Date" DataIndex="RequiredDate">
<Renderer Fn="Ext.util.Format.dateRenderer('m-d-Y')" />
</ext:Column>
<ext:Column ColumnID="OrderedDate" Header="Ordered Date" DataIndex="OrderedDate">
<Renderer Fn="Ext.util.Format.dateRenderer('m-d-Y')" />
</ext:Column>
<ext:Column ColumnID="Status" Header="Status" DataIndex="Status" Hideable="false" />
<ext:Column ColumnID="GrandTotal" Header="Total" DataIndex="GrandTotal" Hideable="false"
Align="Right" />
<ext:CommandColumn>
<CustomConfig>
<ext:ConfigItem Name="buttonAlign" Value="center" Mode="Value" />
</CustomConfig>
<Commands>
<ext:CommandSpacer />
<ext:GridCommand Text="&nbsp;&nbsp;Edit&nbsp;&nbsp;" CommandName="Edit" StandOut="true" />
<ext:GridCommand Text="View" CommandName="Edit" StandOut="true" />
<ext:CommandSpacer />
<ext:CommandSpacer />
<ext:GridCommand Text="Delete" CommandName="Delete" StandOut="true" />
</Commands>
<PrepareToolbar Fn="prepareToolbar" />
</ext:CommandColumn>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView1" runat="server">
<GetRowClass Fn="getRowClass" />
</ext:GridView>
</View>
<LoadMask ShowMask="true" />
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<LoadMask ShowMask="true" />
<BottomBar>
<ext:PagingToolbar ID="PagingToolBar1" runat="server" StoreID="stPOList" DisplayInfo="true"
HideRefresh="true" />
</BottomBar>
<TopBar>
<ext:Toolbar ID="toolbar1" runat="server">
<Items>
<ext:Label ID="Label1" runat="server" Text="&nbsp;Search PO: " CtCls="normal-label" />
<ext:TextField ID="txtSearchPO" runat="server" Width="300px" EnableKeyEvents="true"
FieldClass="input-short">
<Listeners>
<KeyPress Handler="if(e.getKey() == Ext.EventObject.ENTER){e.preventDefault(); #{stPOList}.reload({params:{start:0, limit:15}});#{lblMessage}.setText('');}" />
</Listeners>
</ext:TextField>
<ext:ToolbarSpacer>
</ext:ToolbarSpacer>
<ext:ToolbarSpacer>
</ext:ToolbarSpacer>
<ext:Label ID="Label2" runat="server" Text="&nbsp;Show Completed:" CtCls="normal-label" />
<ext:ToolbarSpacer>
</ext:ToolbarSpacer>
<ext:Checkbox ID="chkreq" runat="server">
<Listeners>
<Check Handler="#{stPOList}.reload({params:{start:0, limit:25}});#{lblMessage}.setText('');" />
</Listeners>
</ext:Checkbox>
<ext:Label ID="lblrpodate" runat="server" Text="&nbsp; Date: " CtCls="normal-label" />
<ext:DateField ID="PODate" FieldClass="input-short" Width="100" runat="server"
AllowBlank="true">
</ext:DateField>
<ext:ToolbarSpacer>
</ext:ToolbarSpacer>
<ext:ToolbarSpacer>
</ext:ToolbarSpacer>
<ext:Button ID="btnSearchCriteria" runat="server" Text="Go" Pressed="true">
<Listeners>
<Click Handler="#{stPOList}.reload({params:{start:0, limit:25}});#{lblMessage}.setText('');" />
</Listeners>

</ext:Button>
<ext:ToolbarFill>
</ext:ToolbarFill>
<ext:Button ID="btnNewPO" runat="server" Pressed="true" Text="New PO"
OnClick="btnNewPO_Click" AutoPostBack="true" />
</Items>
</ext:Toolbar>
</TopBar>
<Listeners>
<Command Handler="if (command == 'Delete'){
Ext.Msg.confirm('Delete PO', 'Are you sure you want to delete ' + record.data['PONumber']+'?',
function(btn) {
if (btn == 'yes') {
#{CommandInfo}.setValue(Ext.encode({cmd:command,id :record.data['POID'],POType:record.data['POType']}));
#{CommandTrigger}.fireEvent('click');
}
else
{
#{lblMessage}.setText('');
}
});
} else {
#{CommandInfo}.setValue(Ext.encode({cmd:command,id :record.data['POID'],POType:record.data['POType']}));
#{CommandTrigger}.fireEvent('click');
}" />
</Listeners>
<View>
<ext:GridView ID="gvItem" runat="server" ForceFit="true">
<Listeners>
<BeforeRefresh Fn="clean" />
</Listeners>
<GetRowClass Fn="getRowClass" />
</ext:GridView>
</View>
<Plugins>
<ext:RowExpander ID="RowExpander1" runat="server" EnableCaching="true">
<Template ID="Template1" runat="server">
<Html>
<div id="row-{POID}" style="background-color: White;"></div>
</Html>
</Template>
<DirectEvents>
<BeforeExpand OnEvent="BeforeExpand" Before="return !body.rendered;" Success="body.rendered=true;">
<ExtraParams>
<ext:Parameter Name="POID" Value="record.data['POID']" Mode="Raw" />
</ExtraParams>
</BeforeExpand>
</DirectEvents>
</ext:RowExpander>
</Plugins>
</ext:GridPanel>
<ext:Hidden ID="CommandInfo" runat="server">
</ext:Hidden>
<ext:Button ID="CommandTrigger" runat="server" Hidden="true" AutoPostBack="true"
OnClick="CommandExecuted">
</ext:Button>
</td>
</tr>
</table>
</asp:Content>