Oct 01, 2014, 11:59 AM
GridPanel commands loading mask
Dears,
I have the following GridPanel with row commands:
What I want to achieve is to show loading/sending message over the grid itself when the user choose send email command:
Regards,
Ali
I have the following GridPanel with row commands:
<ext:GridPanel
runat="server"
ID="VisitorsGV"
ClientIDMode="Static"
Title="SME Registered Visitors"
Frame="true"
Height="500"
width="600">
<Store>
<ext:Store runat="server">
<Model>
<ext:Model runat="server" >
<Fields>
<ext:ModelField Name="ID" />
<ext:ModelField Name="ReferenceNumberID" />
...
..
.
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:RowNumbererColumn Header="#" runat="server" Align="Center" />
<ext:Column runat="server" Align="Center" Text="Ref. Number" DataIndex="ReferenceNumberID" />
...
..
.
<ext:CommandColumn runat="server" Width="120">
<Commands>
<ext:GridCommand Icon="ArrowDown">
<Menu EnableScrolling="false">
<Items>
<ext:MenuCommand Text="Send English Email" Icon="Email" CommandName="EnMail" />
<ext:MenuCommand Text="Send Arabic Email" Icon="Email" CommandName="ArMail" />
</Items>
</Menu>
<ToolTip Text="Re-sending Welcoming Email" />
</ext:GridCommand>
<ext:CommandSeparator />
<ext:GridCommand Icon="Delete" CommandName="Delete">
<ToolTip Text="Delete" />
</ext:GridCommand>
<ext:CommandSeparator />
<ext:GridCommand Icon="NoteEdit" CommandName="Edit">
<ToolTip Text="Edit" />
</ext:GridCommand>
<ext:CommandSeparator />
<ext:GridCommand Icon="DiskDownload" CommandName="Download">
<ToolTip Text="Download Attachment" />
</ext:GridCommand>
</Commands>
<PrepareToolbar Fn="prepareVisitorsGridToolbar" />
<Listeners>
<Command Handler="#{DirectMethods}.routeCommand(command, record.data.ID, { isUpload: true });" />
</Listeners>
</ext:CommandColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>
Note that I remove un-needed definitions to simplify the code.What I want to achieve is to show loading/sending message over the grid itself when the user choose send email command:
<ext:MenuCommand Text="Send English Email" Icon="Email" CommandName="EnMail" />
<EventMask ShowMask="true" Msg="Sending..." Target="CustomTarget" CustomTarget="={#{VisitorsGV}.body}" />
How to achieve this?Regards,
Ali