Hello! I’ve been using the RadAsyncUpload control and it’s been working great. Provided is an image of what my screen looks like. As you can see, I’m using RadAsyncUpload’s ruBrowse button to both upload the files clientside and then force a postback in order to upload the images to the database serverside (one button does all).
However, circled are other controls I’m using on my site. The problem is that when the client clicks “Upload Pictures,” and the files get uploaded clientside (as you can see with the green dots), it takes a little time to insert them into the database (serverside). Currently, without the implementation of a wait cursor, the client is able to click any of the other controls on the page:
- (RadTabStrip) Click the Entry Content tab which stops the uploading from happening.
- (Asp Buttons) Click Save/Cancel, which leaves the client in a bad state.
- (RadAsyncUpload) Click the “Upload Pictures” button again to upload more pictures.
I was wondering if there was any way to be able to disable other controls while the uploading is still happening?
<telerik:RadGrid ID="rgExternalSensors" HeaderStyle-BorderStyle="None" HeaderStyle-BackColor="WhiteSmoke" GridLines="None" DataSourceID="SqlDataSource10" AllowSorting="False" OnItemCreated="rgExternalSensors_ItemCreated" OnItemDataBound="rgExternalSensors_ItemDataBound" PageSize="5" AllowPaging="True" AutoGenerateColumns="False" runat="server" OnDeleteCommand="rgExternalSensors_DeleteCommand" OnInsertCommand="rgExternalSensors_InsertCommand" OnUpdateCommand="rgExternalSensors_UpdateCommand"> <PagerStyle Mode="NextPrevAndNumeric" PageSizeControlType="None"></PagerStyle> <MasterTableView Width="100%" EditMode="InPlace" CommandItemDisplay="Top" AutoGenerateColumns="false" InsertItemDisplay="Bottom" InsertItemPageIndexAction="ShowItemOnLastPage"> <Columns> <telerik:GridEditCommandColumn> </telerik:GridEditCommandColumn> <%-- <telerik:GridBoundColumn DataField="sensor_type_desc" UniqueName="SensorType" HeaderText="Type"> </telerik:GridBoundColumn>--%> <telerik:GridDropDownColumn DataField="sensor_type_desc" UniqueName="ddlSensorType" DataSourceID="SqlDataSource11" ListTextField="sensor_type_desc" ListValueField="sensor_type_serial_num" HeaderText="Type"> </telerik:GridDropDownColumn> <telerik:GridBoundColumn DataField="sensor_make_and_model" UniqueName="SensorMake" HeaderText="Make and Model" MaxLength="50"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="sensor_serial_num" UniqueName="SensorSerial" HeaderText="Serial Number" MaxLength="50"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="sensor_location" UniqueName="SensorLoc" HeaderText="Location" MaxLength="50"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="external_sensors_serial_num" UniqueName="SerialNum" HeaderText="SerialNum" Display="false"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="sensor_type_serial_num" UniqueName="TypeSerialNum" HeaderText="TypeSerialNum" Display="false"> </telerik:GridBoundColumn> <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"> </telerik:GridButtonColumn> </Columns> <CommandItemSettings AddNewRecordText="Add New" RefreshText="Refresh"></CommandItemSettings> </MasterTableView> <ClientSettings> <ClientEvents OnRowDblClick="RowDblClick"></ClientEvents> </ClientSettings></telerik:RadGrid>01.<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI, Version=2014.2.618.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4" %>02. 03.<div id="webpart">04.<telerik:RadAjaxManager runat="server" ID="radAjaxManager1" OnAjaxRequest="radAjaxManager1_AjaxRequest">05. <AjaxSettings>06. <telerik:AjaxSetting AjaxControlID="radAjaxManager1">07. <UpdatedControls>08. <telerik:AjaxUpdatedControl ControlID="rgPhaseDetails"></telerik:AjaxUpdatedControl>09. </UpdatedControls>10. </telerik:AjaxSetting>11. </AjaxSettings>12.</telerik:RadAjaxManager>13. 14.<telerik:RadCodeBlock ID="codeBlock" runat="server">15. <script type="text/javascript">16. function FillDealsRadGrid(sender, args) {17. var phase = args.get_category();18. $find("<%= radAjaxManager1.ClientID %>").ajaxRequest(phase);19. }20. 21. </script>22.</telerik:RadCodeBlock>23. 24.<div id="chartpaneldiv">25. <telerik:RadHtmlChart runat="server" ID="rhcDealsByPhase" Width="900" Height="500" Transitions="true" OnClientSeriesClicked="FillDealsRadGrid">26. <Appearance>27. <FillStyle BackgroundColor="White" />28. </Appearance>29. <ChartTitle Text="Deals By Phase">30. <Appearance Align="Center" BackgroundColor="White" Position="Top"></Appearance>31. </ChartTitle>32. <Legend>33. <Appearance BackgroundColor="White" Position="Right" Visible="true"></Appearance>34. </Legend>35. <PlotArea>36. <Appearance>37. <FillStyle BackgroundColor="White" />38. </Appearance>39. </PlotArea>40. </telerik:RadHtmlChart>41.</div>42. 43.<telerik:RadGrid runat="server" ID="rgPhaseDetails" OnNeedDataSource="rgPhaseDetails_NeedDataSource" AutoGenerateColumns="false" EnableAjaxSkinRendering="true" Visible="true" Enabled="true" >44. <MasterTableView Visible="true">45. <NoRecordsTemplate>46. <asp:Label runat="server" Text="No records to display. Please click on a slice of the pie chart above to view this control."></asp:Label>47. </NoRecordsTemplate>48. <Columns>49. <telerik:GridHyperLinkColumn HeaderText="Deal Name" DataTextField="TextField" DataNavigateUrlFields="TextlURL" DataNavigateUrlFormatString="{0}"></telerik:GridHyperLinkColumn>50. </Columns>51. </MasterTableView>52.</telerik:RadGrid>53. 54.<telerik:RadAjaxLoadingPanel runat="server" ID="rlpLoadingPanel" Height="77px" Width="113px" Skin="Metro"></telerik:RadAjaxLoadingPanel>55.</div><figure>
<blockquote>Inset quote</blockquote>
<figcaption>Insert source</figcaption>
</figure><div></div>.<div> tags and got the expected result.

