or
<
div
class
=
"ssbUploaderDropZone"
>
<
asp:Label
runat
=
"server"
ID
=
"lblTop"
CssClass
=
"ssbLabel ssbTopLabel"
></
asp:Label
>
<
telerik:RadAsyncUpload
runat
=
"server"
ID
=
"RadAsyncUpload"
CssClass
=
"ssbImageUploader"
DropZones
=
".ssbUploaderDropZone"
>
</
telerik:RadAsyncUpload
>
<
asp:Label
runat
=
"server"
ID
=
"lblBottom"
CssClass
=
"ssbLabel ssbBottomLabel"
></
asp:Label
>
</
div
>
<
asp:HiddenField
runat
=
"server"
ID
=
"hdnOrganizationNameFolder"
/>
<
telerik:RadAjaxPanel
runat
=
"server"
ID
=
"RadAjaxPanel"
RenderMode
=
"Inline"
style
=
"display:none;"
>
<%--Provide support for this element when it is updated by RadAjaxManager or RadAjaxPanel--%>
<
telerik:RadScriptBlock
runat
=
"server"
>
<
script
>
AsyncUploader.initialize('<%=this.ClientID%>');
</
script
>
</
telerik:RadScriptBlock
>
</
telerik:RadAjaxPanel
>
<
telerik:RadCodeBlock
runat
=
"server"
ID
=
"RadCodeBlock"
>
<
script
>
$(document).ready(function () {
AsyncUploader.initialize('<%=this.ClientID%>');
});
</
script
>
</
telerik:RadCodeBlock
>
/// <summary>
/// Wraps the usercontrol in a container div that is the ID of the usercontrol.
/// </summary>
/// <param name="writer"></param>
protected
override
void
Render(HtmlTextWriter writer)
{
//Add a containing div element
writer.Write(
"<div id=\""
+
this
.ClientID +
"\" class=\"ssbUploaderContainer\">"
);
base
.Render(writer);
writer.Write(
"</div>"
);
}
.ruDropZone {
display
:
none
!important
;
}
// -------------------------------------------------- //AsyncUploader
// Async Uploader
// -------------------------------------------------- //
function
AsyncUploader() {
// Avoid using the window scope:
// return a new util object if we're in the wrong scope
if
(window ===
this
) {
return
new
AsyncUploader();
}
// Return the object
return
this
;
};
// Prototype Functions
AsyncUploader.prototype = {
initialize:
function
(controlID) {
/// <summary>Initialize the AsyncUploader control</summary>
/// <param name="controlID" type="String">The ID of the AsyncUpload control to initialize</param>
control = $(
"[id$='"
+ controlID +
"']"
);
if
(control[0]) {
var
dropZone = $(control).find(
".ssbUploaderDropZone"
);
dropZone.bind({
"dragenter"
:
function
(e) { AsyncUploader.dragEnter(e, dropZone); } });
dropZone.bind({
"dragleave"
:
function
(e) { AsyncUploader.dragLeave(e, dropZone); } });
dropZone.bind({
"drop"
:
function
(e) { AsyncUploader.drop(e, dropZone); } });
}
},
dragEnter:
function
(e, dropZone) {
/// <summary>Handles the DragEnter event</summary>
/// <param name="e" type="Event">The event that has occurred</param>
/// <param name="dropZone" type="DOM Element">The dropZone DOM element</param>
$(dropZone).css(
'border'
,
'1px solid #000000'
);
$(dropZone).addClass(
'ssbUploaderDropZoneDragEnter'
);
},
dragLeave:
function
(e, dropZone) {
/// <summary>Handles the DragLeave event</summary>
/// <param name="e" type="Event">The event that has occurred</param>
/// <param name="dropZone" type="DOM Element">The dropZone DOM element</param>
$(dropZone).css(
'border'
,
'0px none'
);
$(dropZone).removeClass(
'ssbUploaderDropZoneDragEnter'
);
},
drop:
function
(e, dropZone) {
/// <summary>Handles the Drop event</summary>
/// <param name="e" type="Event">The event that has occurred</param>
/// <param name="dropZone" type="DOM Element">The dropZone DOM element</param>
$(dropZone).css(
'border'
,
'0px none'
);
$(dropZone).removeClass(
'ssbUploaderDropZoneDragEnter'
);
}
};
//intialize SimplePopover for use
var
AsyncUploader =
new
AsyncUploader();
1.
<
MasterTableView
DataKeyNames
=
"ConditionCodeID"
TableLayout
=
"Fixed"
Width
=
"100%"
>