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.<
a
href
=
"http://google.com?a=1amp&;b=2"
>http://google.com/?a=1amp&;b=2</
a
>