or
|
|
|
<td> <asp:updatepanel id="upUpload" runat="server" updatemode="Always" > <contenttemplate> <div class="RoundAll" id="DropZone2" style="height: 150px; width: 320px; background-color: ghostwhite; border: 1px dashed Navy; text-align: center; padding-left: 20px; padding-right: 20px; vertical-align: top; display:inline-block;"> <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload2" MultipleFileSelection="Automatic" DropZones=".DropZone1,#DropZone2"/> <div class="DropZone1"> <p>Custom Drop Zone</p> <p>Drop Files Here</p> </div> <div id="Div3"> <p>Custom Drop Zone</p> <p>Drop Files Here</p> </div></div> </contenttemplate> </asp:updatepanel> </td><script language="javascript" type="text/javascript"> var $ = $telerik.$; function pageLoad() { $(document).bind({ "drop": function (e) { e.preventDefault(); } }); var dropZone1 = $(document).find(".DropZone1"); dropZone1.bind({ "dragenter": function (e) { dragEnterHandler(e, dropZone1); } }) .bind({ "dragleave": function (e) { dragLeaveHandler(e, dropZone1); } }) .bind({ "drop": function (e) { dropHandler(e, dropZone1); } }); var dropZone2 = $(document).find("#DropZone2"); dropZone2.bind({ "dragenter": function (e) { dragEnterHandler(e, dropZone2); } }) .bind({ "dragleave": function (e) { dragLeaveHandler(e, dropZone2); } }) .bind({ "drop": function (e) { dropHandler(e, dropZone2); } }); } function dropHandler(e, dropZone) { dropZone[0].style.backgroundColor = "Red"; } function dragEnterHandler(e, dropZone) { var dt = e.originalEvent.dataTransfer; var isFile = (dt.types != null && (dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.contains('application/x-moz-file'))); if (isFile || $telerik.isSafari5 || $telerik.isIE10Mode || $telerik.isOpera) dropZone[0].style.backgroundColor = "White"; } function dragLeaveHandler(e, dropZone) { if (!$telerik.isMouseOverElement(dropZone[0], e.originalEvent)) dropZone[0].style.backgroundColor = "Green"; }</script><%@ Page Language="VB" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %><script runat="server"> ' Protected Sub personGrid_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles personGrid.NeedDataSource Dim _people As List(Of String) = New List(Of String) From { _ "George Washington", "John Adams", "Thomas Jefferson"} personGrid.DataSource = _people End Sub '</script><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> <Scripts> <asp:ScriptReference Path="Scripts/jquery-1.8.2.min.js" /> </Scripts> </telerik:RadScriptManager> <br /> <div style="width: 100%"> <div style="width: 130px; float: left;">People:</div> <div style="width: 475px; float: left;">...</div> </div> <div style="width: 100%"> <Telerik:RadGrid ID="personGrid" runat="server" GridLines="None" CellSpacing="0"> <MasterTableView AutoGenerateColumns="true"> </MasterTableView> </Telerik:RadGrid> </div> <br /> </form></body></html><div style="width: 100%"> <div style="width: 130px; float: left;">People:</div> <div style="width: 475px; float: left;">...</div></div>
function onClientClose() { alert( "hi"); $find( "<%= RadAjaxManager1.ClientID %>").ajaxRequest(); }
protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
FileGrid.Rebind();
}
i have kept break point here the control does not come at all.
and the radwindow which contains webpage js is
function CloseAndRebind() {
GetRadWindow().Close();
}