Jan 05, 2010, 5:27 AM
Checkbox with group command.
Hi, I have a question..
I have grid panel in a window that contain group command and checkbox. How to set the check box in group checked if I click the group command button.
this i my code.
thanks.
I have grid panel in a window that contain group command and checkbox. How to set the check box in group checked if I click the group command button.
this i my code.
<ext:Window
ID="WindowDetailGroupShipment"
runat="server"
Closable="false"
Resizable="false"
Frame="true"
Draggable="true"
Width="800"
Modal="true"
BodyStyle="padding:5px;"
Height="500" AutoScroll="True">
<Body>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<Center>
<ext:Panel ID="NorthPanel" runat="server" Width="800" AutoScroll="True" Frame="true" Icon="PagePaste" Title="Detail Group Data Shipment" >
<Body>
<ext:GridPanel
ID="GridPanel1"
runat="server"
StoreID="storeDetailGroupShipment"
StripeRows="true"
Header="false"
Border="false"
AutoHeight="true"
AutoWidth="true"
TrackMouseOver="true"
>
<LoadMask ShowMask="false" />
<ColumnModel ID="ColumnModel3" runat="server">
<Columns>
<ext:Column
ColumnID="ID"
Header="ID"
Width="40"
Sortable="true"
DataIndex="DIS_DATA_ID"
Hidden="true"
/>
<ext:Column
Align="Left"
ColumnID="Name"
Header="DELIVERY ID"
Sortable="true"
DataIndex="DIS_DELIVERY_ID"
Width="100"
/>
<ext:GroupingSummaryColumn
Header="PO.NUMBER"
Width="100"
Sortable="true"
DataIndex="DIS_PO_NUMBER"
SummaryType="Count">
<SummaryRenderer Handler="return ((value === 0 || value > 1) ? '(' + value +' Items)' : '(1 Items)');" />
</ext:GroupingSummaryColumn>
<ext:GroupingSummaryColumn
Header="GI DATE"
Width="100"
Sortable="true"
DataIndex="DIS_GI_DATE"
SummaryType="Max">
<Renderer Fn="Ext.util.Format.dateRenderer('d-m-Y')" />
</ext:GroupingSummaryColumn>
<ext:GroupingSummaryColumn
Header="DHCL"
Width="50"
Sortable="true"
DataIndex="DIS_DHCL"
SummaryType="Max"
>
</ext:GroupingSummaryColumn>
<ext:GroupingSummaryColumn
Header="QUANTITY"
Width="80"
Sortable="true"
DataIndex="DIS_QUANTITY"
Align="Right"
SummaryType="Sum"
>
</ext:GroupingSummaryColumn>
<ext:GroupingSummaryColumn
Header="VOLUME"
Width="100"
Sortable="true"
DataIndex="DIS_VOLUME"
Align="Right"
SummaryType="Sum"
>
</ext:GroupingSummaryColumn>
<ext:GroupingSummaryColumn
Header="WEIGHT"
Width="100"
Sortable="true"
DataIndex="DIS_WEIGHT"
Align="Right"
SummaryType="Sum"
>
</ext:GroupingSummaryColumn>
<ext:CommandColumn Hidden="true">
<GroupCommands>
<ext:GridCommand Icon="Group" Text="Check All Items" CommandName="CheckTPB" ></ext:GridCommand>
</GroupCommands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel></ext:CheckboxSelectionModel>
</SelectionModel>
<View>
<ext:GroupingView
ID="GroupingView1"
HideGroupedColumn="true"
runat="server"
ForceFit="true"
GroupTextTpl='{text}'
EnableRowBody="true"
StartCollapsed="true"
>
</ext:GroupingView>
</View>
<Plugins>
<ext:GridFilters runat="server" ID="GridFilters3" Local="true">
<Filters>
<ext:NumericFilter DataIndex="MAT_ID" />
</Filters>
</ext:GridFilters>
<ext:GroupingSummary ID="GroupingSummary1" runat="server" />
<ext:RowExpander ID="RowExpander1" runat="server" Collapsed="true" >
<Template ID="Template1" runat="server">
<br /><p>MATERIAL ID:<br /> {DIS_MATERIAL_ID}</p><br/>
<p>DESCRIPTION : <br />{DIS_DESCRIPTION}</p><br/>
</Template>
</ext:RowExpander>
</Plugins>
<BottomBar>
<ext:PagingToolBar
ID="PagingToolBar3"
runat="server"
StoreID="storeDetailGroupShipment"
PageSize="17"
DisplayInfo="true"
/>
</BottomBar>
<Listeners>
<GroupCommand Handler="Coolite.AjaxMethods.Add_Click(command,groupId);" Delay="0" Single="False" />
</Listeners>
</ext:GridPanel>
</Body>
</ext:Panel>
</Center>
<South Split="true" Collapsible="true">
<ext:Panel
ID="SouthPanel"
runat="server"
Icon="Report"
CtCls="south-panel"
Title="Summary"
Height="160"
BodyStyle="padding:6px;"
Frame="false"
>
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:Label runat="server" ID="Label4" Text="VOLUME :" Icon="Bricks"></ext:Label>
<ext:Label runat="server" ID="VolumeTotal" ></ext:Label>
<ext:ToolbarSeparator></ext:ToolbarSeparator>
<ext:Label runat="server" ID="Label5" Text="WEIGHT :" Icon="CartFull"></ext:Label>
<ext:Label runat="server" ID="WeightTotal" ></ext:Label>
<ext:ToolbarFill runat="server" />
<ext:ToolbarButton ID="btnViewSummary" runat="server" Icon="ReportEdit" Text="View Selected Summary" StandOut="true">
<AjaxEvents>
<Click OnEvent="ViewSplitSummary" >
<EventMask ShowMask="true" MinDelay="500" Msg="Calculating..."/>
</Click>
</AjaxEvents>
</ext:ToolbarButton>
</Items>
</ext:Toolbar>
</TopBar>
<Body>
<table style="width: 100%">
<tr>
<td style="width:33%;">
<p>Total Selected Volume:*</p>
<ext:TextField ID="TextFieldSelectedVolume" runat="server" Width="100" ReadOnly="True" />
</td>
<td style="width:33%;">
<p>Total Max Volume:*</p>
<ext:TextField ID="TextFieldMaxvolume" runat="server" Width="100" ReadOnly="True" />
</td>
<td style="width:33%;">
<p>Exception:*</p>
<ext:Label ID="LabelException" runat="server"/>
</td>
</tr>
<tr>
<td style="width:33%;">
<p>Total Selected Weight:*</p>
<ext:TextField ID="TextFieldSelectedWeight" runat="server" Width="100" ReadOnly="True" />
</td>
<td style="width:33%;" colspan="2">
<p>Total Max Weight:*</p>
<ext:TextField ID="TextFieldMaxWeight" runat="server" Width="100" ReadOnly="True" />
</td>
</tr>
</table>
</Body>
</ext:Panel>
</South>
</ext:BorderLayout>
</Body>
<Buttons>
<ext:Button ID="ButtonSplit" runat="server" Text="Split Selected Data" Icon="Tick">
<AjaxEvents>
<Click OnEvent="splitData" >
<EventMask Msg="Spliting data..." ShowMask="true" MinDelay="500"/> </Click>
</AjaxEvents>
</ext:Button>
<ext:Button ID="btnCancel" runat="server" Text="Close" Icon="Cancel">
<AjaxEvents>
<Click OnEvent ="ClearSelection">
</Click>
</AjaxEvents>
</ext:Button>
</Buttons>
</ext:Window>
in my code above, I want to set all checkbox in group checked if i click the "Check all items" button (group command).thanks.