Telerik RadWindow Javascript 向 ASP.NET 返回值

Posted

技术标签:

【中文标题】Telerik RadWindow Javascript 向 ASP.NET 返回值【英文标题】:Telerik RadWindow Javascript return values to ASP.NET 【发布时间】:2011-01-03 12:19:53 【问题描述】:

我有一个父页面,它启动一个 Telerik radwindow 并传递一个参数。

一旦 radwindow 完成了对值的处理,我需要它把它返回到父页面,并且我希望父页面能够在我的代码隐藏页面中访问这个值。

我试图将值传递给我页面上的隐藏字段,然后触发页面刷新和我的代码在手表后面查看该值是否有效。

我似乎无法让它工作。我在父 javascript 中获得了返回值,但我无法从后面的代码中的隐藏字段中获取它。

我什至像我需要的那样将它放入文本框中,但是当我在代码隐藏中找到隐藏字段时,没有设置任何值。

在我设置了警报的地方,我会根据需要显示值。

我怀疑我在代码隐藏文件中看不到我的返回值的原因是,当页面刷新时,我得到一个新页面,而不仅仅是导致回发。

还有没有更好的方法可以做到这一点。

这是我在父页面中的代码:

父 ASPX:

<script type="text/javascript">
    function OpenWnd() 
        var oWnd = radopen(null, "RadWindow1");
    
    function OnClientShow(oWnd) 
        //Create a new Object to be used as an argument to the radWindow
        var arg = new Object();
        //Using an Object as a argument is convenient as it allows setting many properties.
        arg.text = document.getElementById("TextBox1").value;
        //Set the argument object to the radWindow  
        oWnd.Argument = arg;
    

    function ClientCallBackFunction(radWindow, returnValue) 
        //check if a value is returned from the dialog
        if (returnValue.newtext) 
            document.getElementById("Hidden1").value = returnValue.newtext;
            alert("HiddenValue: " + document.getElementById("Hidden1").value);
        
    
</script>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div>
    <telerik:RadWindowManager ID="RadWindowManager2" runat="server">
        <Windows>
            <telerik:RadWindow ID="RadWindow1" runat="server" OnClientShow="OnClientShow" ClientCallBackFunction="ClientCallBackFunction"
                NavigateUrl="Dialog2.aspx" />
        </Windows>
    </telerik:RadWindowManager>
</div>
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True"></asp:TextBox>
<input type="button" value="Send content to dialog page" onclick="OpenWnd()" />
<p>
    <input id="Hidden1" type="hidden" runat="server" />
</p>
</form>

背后的父代码:

        protected void Page_Load(object sender, EventArgs e)
    
        htmlInputHidden hidden = (HtmlInputHidden)Page.FindControl("Hidden1");

        if (IsPostBack && !string.IsNullOrEmpty(hidden.Value))
        
          //Code Here
        
    

这是我的对话框代码:

对话框 ASPX:

  <script 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 ConfigureDialog() 
            //Get a reference to the radWindow wrapper
            var oWindow = GetRadWindow();
            //Obtain the argument 
            var oArg = oWindow.Argument;
            //Use the argument
            var oArea = document.getElementById("TextBox1");
            oArea.value = oArg.text;
        
        function SendAndClose() 
            var oWindow = GetRadWindow();
            //Get current content of text area
            var arg = new Object();
            arg.newtext = document.getElementById("TextBox1").value;
            oWindow.Close(arg);
            RefreshParentPage();
        
        function RefreshParentPage() 
            GetRadWindow().BrowserWindow.location.reload();

            alert("RefreshParentPage");
        
    </script>

感谢大家的帮助

伊恩

【问题讨论】:

【参考方案1】:

您正在执行以下操作

GetRadWindow().BrowserWindow.location.reload(); 

但这不会导致回发,它只会重新加载父页面,您需要引起回发。 您可以尝试使用样式集“display:none”向父表单添加一个按钮,并在后面的代码中处理单击事件,您可以从您的 js 代码中触发此按钮。

在父页面中:

<asp:Button runat="server" id="btnClick" Style="display:none"    OnClick="btnClick_Click"/>

protected void btnClick_Click(object sender,EventArgs e)

     string val = this.Hidden1.Value; //Code goes here

你可以像这样(非 jQuery)从你的 javascript 调用,把它放在你的回调中

document.getElementById('<%= btnClick.ClientID').click();

【讨论】:

【参考方案2】:

更好的方法是在 aspx 方面:

<%=this.ClientScript.GetPostBackEventReference(new System.Web.UI.PostBackOptions(btnClick))%>

【讨论】:

以上是关于Telerik RadWindow Javascript 向 ASP.NET 返回值的主要内容,如果未能解决你的问题,请参考以下文章

任务栏上没有显示Telerik RadWindow图标c#wpf [复制]

RadWindow图标未显示在任务栏中

如何关闭服务器端的radwindow并刷新父页面

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

如何用我的覆盖 RadWindow 控件 CSS 类?

如何使用JavaScript和CSS Grid使基于屏幕/视口大小的RadWindow响应