Aug 08, 2012, 1:47 PM
RowExpander - isExpanded(grid, index) nolonger exists?
Hello,
I am trying to Collapse/Expand an expander with a single click on the row.
Since there is no Expand On Single Click option on the RowExpander, I am trying to code it in the itemClick event. (see code section)
It seems like there was a function call isExpanded on the pervious version Strange-update-problem-row-expander but it does not work any more. Could anybody help me with this? Is there any way to do a single click and expand or collapse an expander?
I am trying to Collapse/Expand an expander with a single click on the row.
Since there is no Expand On Single Click option on the RowExpander, I am trying to code it in the itemClick event. (see code section)
It seems like there was a function call isExpanded on the pervious version Strange-update-problem-row-expander but it does not work any more. Could anybody help me with this? Is there any way to do a single click and expand or collapse an expander?
<ext:GridPanel
ID="gpProspect"
runat="server"
AutoHeight="true">
<Store>
<ext:Store
ID="dsProspects"
runat="server">
<Model>
<ext:Model runat="server" IDProperty="ProspectID">
<Fields>
<ext:ModelField Name="ProspectID" />
<ext:ModelField Name="Prospect" />
</Fields>
</ext:Model>
</Model>
<Proxy>
<ext:AjaxProxy Url="/Data/GetProspects/">
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader Root="data" TotalProperty="total" />
</Reader>
<Listeners>
<Exception Handler="Ext.MessageBox.alert('Load failed', response.statusText);" />
</Listeners>
</ext:AjaxProxy>
</Proxy>
<Sorters>
<ext:DataSorter Property="ProspectID" Direction="DESC" />
</Sorters>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column ID="Column1" runat="server" DataIndex="ProspectID" Text="ID" />
<ext:Column ID="cProspect" runat="server" DataIndex="Prospect" Text="Legal Entity" Flex="1">
<HeaderItems>
<ext:TextField ID="sbSearchProspect" runat="server" EnableKeyEvents="true">
<Listeners><KeyUp Handler="if (e.getKey() == 13) { #{dsProspects}.reload(); };" /></Listeners>
</ext:TextField>
</HeaderItems>
</ext:Column>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView1" runat="server" TrackOver="true" />
</View>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server"/>
</SelectionModel>
<Plugins>
<ext:RowExpander ID="RowExpander1" runat="server" SingleExpand="true">
<Template ID="Template1" runat="server">
<Html>
{Prospect}
</Html>
</Template>
</ext:RowExpander>
</Plugins>
<Listeners>
<ItemClick Handler="
var re = this.getRowExpander();
// if (node.hasClass('x-grid-row-expanded')) {
if (re.isExpanded(this, index)) {
re.collapseRow(index);
} else {
re.expandRow(index);
};" />
</Listeners>
</ext:GridPanel>