Hi,

I am Using Row Expander plugin having a formpanel with two buttons. The Grid is a grid with infinite scroll feature. I am facing the issue that Buttons inside form panel stops responding to Click event if i scroll the grid 5-6 times.
If i remove the ItemClick Handler of the Grid then everything works fine. Kindly help me with this issue. I am pasting the sample code.

Regards.

Sample Code:


<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Import Namespace="System.Threading" %>

<script runat="server">

protected void Store_ReadData(object sender, StoreReadDataEventArgs e)
{
Thread.Sleep(3000);
Store store = (Store)sender;
List<StockQuotation> data = new List<StockQuotation>();

int start = e.Start,
limit = e.Limit;
Random randow = new Random();
DateTime now = DateTime.Now;

for (int i = start + 1; i <= start + limit; i++)
{
StockQuotation qoute = new StockQuotation()
{
Company = "Company " + i,
Price = randow.Next(0, 200),
LastUpdate = now
};

data.Add(qoute);
}
store.Data = data;
e.Total = 50000;
}

class StockQuotation
{
public string Company { get; set; }
public int Price { get; set; }
public DateTime LastUpdate { get; set; }
}


</script>

<!DOCTYPE html>

<html>
<head runat="server">
<title>Infinite Scrolling - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<style>
.white-footer .x-toolbar-footer{
background-color: white !important;
}

.x-grid3-row-body > .x-row-expander-control, .x-grid3-row-body > .x-row-expander-control > .x-plain-bwrap, .x-grid3-row-body > .x-row-expander-control > .x-plain-bwrap .x-plain-footer, .x-grid3-row-body > .x-row-expander-control > .x-plain-bwrap .x-plain-footer > .x-panel-fbar, .x-grid3-row-body > .x-row-expander-control > .x-plain-bwrap .x-plain-footer > .x-panel-fbar > .x-toolbar-ct
{
width: 100% ;
}
.x-grid-row-expander
{
display: none;
}
.x-grid3-row-body > .x-row-expander-control > .x-plain-bwrap .x-plain-footer, .x-grid3-row-body > .x-row-expander-control > .x-plain-bwrap .x-panel-btns
{
padding: 0;
}
.x-label-value
{
font: 8pt Arial,Helevetica,sans-serif;
}
.x-form-cb-label
{
font: 10pt Arial,Helevetica,sans-serif !important;
}
.x-custom-box-label
{
font: 8pt Arial,Helevetica,sans-serif !important;
}
.filter_phrase_prefix
{
margin-left:50px!important;
font: 10pt Arial,Helevetica,sans-serif !important;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />

<h1>Infinite Scrolling</h1>

<p>Sample App.</p>



<ext:GridPanel
runat="server"
ID="grdMyWorkItems" Layout="FitLayout" ShowGroupingButtons="true" AllowExportToExcel="false" AllowExportToPDF="false"
Stateful="true" AutoAdjustHeight="false" AutoAdjustHeightByPageSize="0"

Width="500"
Height="500"
DisableSelection="true"
Title="Stock Price">
<Features>
<ext:Grouping runat="server" HideGroupedHeader="true" />
</Features>
<Store>
<ext:Store
runat="server"
Buffered="true"
PageSize="50"
TrailingBufferZone="0"
LeadingBufferZone="0"
OnReadData="Store_ReadData" PurgePageCount="0" ID="Store1">

<Proxy>
<ext:PageProxy>
<Reader>
<ext:JsonReader />
</Reader>
</ext:PageProxy>
</Proxy>
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="Company" />
<ext:ModelField Name="Price" />
<ext:ModelField Name="LastUpdate" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:RowNumbererColumn
runat="server"
Width="50" />
<ext:Column
runat="server"
Text="Company"
DataIndex="Company"
Flex="1" />
<ext:Column
runat="server"
Text="Price, $"
DataIndex="Price"
Width="70"
Align="Center" />
<ext:Column
runat="server"
Text="Last Update"
DataIndex="LastUpdate"
Width="140">
<Renderer Format="Date" FormatArgs="'n/j/Y g:i:s A'" />
</ext:Column>
</Columns>
</ColumnModel>

<Plugins>
<ext:RowExpander runat="server" ID="reMyWorkItems" SingleExpand="true" ExpandOnDblClick="False" MaskOnDisable="false" ColumnPosition="0">
<Component>
<ext:FormPanel
runat="server"
BodyPadding="6"
Border="false"
DefaultAnchor="-5"
Cls="white-footer">
<Items>
<ext:TextField
runat="server"
Name="company"
FieldLabel="Company"
/>
</Items>

<Buttons>
<ext:Button runat="server" Text="Save" Icon="Disk">
<Listeners>
<Click Handler="alert('Save');" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Cancel" Icon="Decline" ID="btnCancel">
<Listeners>
<Click Handler="alert('Decline');" />
</Listeners>
</ext:Button>
</Buttons>


</ext:FormPanel>
</Component>
</ext:RowExpander>
</Plugins>
<Listeners>
<ItemClick Handler="#{reMyWorkItems}.expandRow(index);" Delay="10" />
</Listeners>
<View>
<ext:GridView runat="server" TrackOver="false" />
</View>
<SelectionModel>
<ext:RowSelectionModel runat="server" SingleSelect="true" />
</SelectionModel>
</ext:GridPanel>
</form>
</body>
</html>