通过从服务器调用 javascript 关闭 RadWindow

Question

我有一个如下所示的控件：

<telerik:RadCodeBlock runat="server">
    <script type="text/javascript">
        function refresh() {
            window.$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindRecommendations");
        }
    </script>
</telerik:RadCodeBlock>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="AjaxRequest">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="NameOfGrid" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
    <Windows>
        <telerik:RadWindow ID="RadWindow1" runat="server" NavigateUrl="UrlOfPage" OnClientClose="refresh"></telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

Page：

<script type="text/javascript">
    function closeWindow() {
        self.close();
        return false;
    }
</script>
<!-- form fields here -->
<telerik:RadButton runat="server" ID="_cancel" Text="Cancel" OnClientClick="closeWindow"></telerik:RadButton>
<telerik:RadButton runat="server" ID="_submit" Text="Submit" OnClientClick="closeWindow" OnClick="DoSomeDataBaseStuff"></telerik:RadButton>

这按预期工作。我的 RadWindow 被删除，并且我的控件的网格在点击取消或提交按钮后刷新。问题是数据库此时尚未完成其工作，因此网格刷新不会显示更改。我试图将页面的实现切换为如下所示：

页面：

<script type="text/javascript">
    function closeWindow() {
        self.close();
        return false;
    }
</script>
<!-- form fields here -->
<telerik:RadButton runat="server" ID="_cancel" Text="Cancel" OnClick="CallJavaScriptToKillWindow"></telerik:RadButton>
<telerik:RadButton runat="server" ID="_submit" Text="Submit" OnClick="DoSomeDataBaseStuffAndThenCallJavaScriptToKillWindow"></telerik:RadButton>

代码隐藏在数据库工作完成后最终会调用此：

ClientScript.RegisterStartupScript(GetType(), "Key", "closeWindow();", true);

我在 closeWindow 函数中遇到了断点，但它没有相同的行为（窗口没有实际上很接近）。我尝试过各种迭代，例如：

ClientScript.RegisterStartupScript(GetType(), "Key", "$(document).ready(function() {return closeWindow();});", true);

无济于事。我缺少什么？

Answer 1

什么是‘自我’？你不是说‘这个’吗？

您是否尝试从窗口内部或启动窗口的页面关闭 RadWindow？

在窗口内部，我通常这样做：

    function GetRadWindow()
    {
        var oWindow = null;
        if (window.radWindow)
            oWindow = window.radWindow;
        else if (window.frameElement.radWindow)
            oWindow = window.frameElement.radWindow;
        return oWindow;
    }

    function Close()
    {
        var oWindow = GetRadWindow();
        oWindow.argument = null;
        oWindow.close();
        return false;
    }

此外，我会使用 ScriptManager.RegisterStartupScript 而不是 ClientScript。

Answer 2

我很确定我以前遇到过这个问题，并且我认为这已经解决了：

setTimeout("self.close()", 1000);

如果这不起作用，请尝试以下操作：

setTimeout("self.focus()", 500); //adjust the timeout as needed
setTimeout("self.close()", 1000);

如果您愿意，也可以这样做：

setTimeout(function(){
    self.close();
}, 1000);

Answer 3

我不确定我是否正在改进这个答案，我只是想让它更容易理解。我有一个从主页打开的 rad 窗口。 radwindow 在代码隐藏 (C#) 中打开，而不是在 Javascript 中打开。当我的用户单击 RadWindow 上的“保存”按钮时，它会执行一些逻辑任务，然后关闭 radwindow 本身。您只需要：

将此代码块放入 RadWindow aspx.....

<telerik:RadCodeBlock runat="server" ID="rcb1">
<script language="javascript" type="text/javascript">

function GetRadWindow() 
{
var oWindow = null;
if (window.radWindow) oWindow = window.radWindow;
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
return oWindow;
}
function CloseDialog(button) 
{
GetRadWindow().close();
}  

</script>
</telerik:RadCodeBlock>

执行预关闭逻辑后，将此代码放入 RadWindow 的按钮单击（执行其他逻辑的同一按钮关闭窗口）

C#
ClientScript.RegisterStartupScript(typeof(string), "", "CloseDialog();");

或

VB
ClientScript.RegisterStartupScript(Me.GetType(), "", "CloseDialog();")

如果您想知道如何从代码隐藏中打开 radwindow，我是这样做的：

RadWindow window1 = new RadWindow();
// Set the window properties   
window1.NavigateUrl = "winStrengthChart.aspx?EMPLOYIDNAME=" + parmString;
window1.ID = "RadWindow1";
window1.Width = 800;
window1.Height = 650;
window1.VisibleStatusbar = false;
window1.Behaviors = Telerik.Web.UI.WindowBehaviors.Close | Telerik.Web.UI.WindowBehaviors.Resize | Telerik.Web.UI.WindowBehaviors.Move;
window1.VisibleOnPageLoad = true; // Set this property to True for showing window from code   
rwm1.Windows.Add(window1);
this.Form1.Controls.Add(window1);   

...当然您需要一个基本的 RadWindowManager在打开窗口的主页上：

<telerik:RadWindowManager ID="rwm1" runat="server">
<Windows>
</Windows>
</telerik:RadWindowManager>

这应该可以工作，如果我犯了错误，请纠正我。

谢谢