Jun 15, 2011, 8:07 AM
gridpanel bug: child gridpanel in master Gridpanel RowExpander when hold on row
<ext:Viewport ID="Viewport1" runat="server" Layout="fit">
<Items>
<ext:GridPanel ID="locationGridPanel" runat="server" ClientIDMode="Static" IDMode="Static"
StoreID="locationStore" Header="false" Border="false" TrackMouseOver="true">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:RowNumbererColumn Hidden="true" />
<ext:Column ColumnID="LocationID" Hidden="true" DataIndex="LocationID" Header="系统编号">
</ext:Column>
<ext:Column ColumnID="Name" DataIndex="Name" Header="库位" Width="250" Resizable="true">
<Editor>
<ext:TextField ID="TextField1" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
<ext:Column ColumnID="CostRate" DataIndex="CostRate" Header="标准小时成本" Width="120"
Resizable="true">
<Editor>
<ext:NumberField ID="NumberField1" DecimalPrecision="2" runat="server" AllowBlank="false" />
</Editor>
</ext:Column>
<ext:Column ColumnID="Availability" DataIndex="Availability" Header="生产能力(小时)" Width="120">
<Editor>
<ext:NumberField ID="NumberField2" DecimalPrecision="1" runat="server" AllowBlank="true" />
</Editor>
</ext:Column>
<ext:CommandColumn Width="25" Hideable="false">
<Commands>
<ext:GridCommand CommandName="delete" Icon="Cross">
<ToolTip Text="Delete" />
</ext:GridCommand>
</Commands>
<PrepareToolbar Handler="toolbar.setVisible(!record.newRecord);" />
</ext:CommandColumn>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView1" runat="server" />
</View>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="新增" Icon="Add">
<Listeners>
<Click Handler="#{locationGridPanel}.insertRecord(0,{});#{locationGridPanel}.getView().focusRow(0);#{locationGridPanel}.startEditing(0, 1);" />
</Listeners>
</ext:Button>
<ext:Button ID="deleteButton" runat="server" Text="删除" Disabled="true" Icon="Delete">
<Listeners>
<Click Handler="deleteHandler" />
</Listeners>
</ext:Button>
<ext:Button ID="Button3" runat="server" Text="保存" Icon="Disk">
<Listeners>
<Click Handler="#{locationStore}.save();" />
</Listeners>
</ext:Button>
<ext:Button ID="Button4" runat="server" Text="取消" Icon="ArrowUndo">
<Listeners>
<Click Handler="#{locationStore}.rejectChanges();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Plugins>
<ext:RowEditor ID="RowEditor1" runat="server" ErrorSummary="true" />
<ext:RowExpander ID="RowExpander" runat="server" SwallowBodyEvents="true">
<Component>
<ext:GridPanel ID="subGridPanel" runat="server" Height="260" StoreID="subStore" Title="仓库内的料件信息">
<ColumnModel ID="ColumnModel2" runat="server">
<Columns>
<ext:RowNumbererColumn />
<ext:Column ColumnID="ProductID" Hidden="true" DataIndex="ProductID" Header="ProductID">
</ext:Column>
<ext:Column ColumnID="ProductNumber" DataIndex="ProductNumber" Header="料号" Resizable="true">
</ext:Column>
<ext:Column ColumnID="Name" DataIndex="Name" Header="产品名称" Width="240" Hidden="true"
Resizable="true">
</ext:Column>
<ext:Column ColumnID="Size" DataIndex="Size" Header="规格" Hidden="true">
</ext:Column>
<ext:Column ColumnID="LocaltionName" DataIndex="LocaltionName" Header="库位" Hidden="true"
Width="150">
</ext:Column>
<ext:Column ColumnID="Shelf" DataIndex="Shelf" Header="存储间" Width="150">
</ext:Column>
<ext:Column ColumnID="Quantity" DataIndex="Quantity" Header="数量" Width="150">
</ext:Column>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView2" runat="server" ForceFit="false" />
</View>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
</SelectionModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar2" runat="server" PageSize="10" />
</BottomBar>
</ext:GridPanel>
</Component>
<Listeners>
<Expand Handler="#{subStore}.load({params:{locationId:record.data.LocationID}});#{subStore}.reload();" />
</Listeners>
</ext:RowExpander>
</Plugins>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
<Listeners>
<RowSelect Handler="#{deleteButton}.enable();" />
<RowDeselect Handler="if (!#{locationGridPanel}.hasSelection()) {#{deleteButton}.disable();}" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="25" />
</BottomBar>
<Listeners>
<Command Fn="commandHandler" />
<BeforeEdit Handler="return !(e.field=='LocationID' && !e.record.newRecord);" />
</Listeners>
<LoadMask ShowMask="true" />
<SaveMask ShowMask="true" />
</ext:GridPanel>
</Items>
</ext:Viewport>
when mouse hold the child gridpanel row,master gridpanel show hold row css style
Last edited by new163_2; Jun 15, 2011 at 8:22 AM.