RadAjaxManager的正确配置是什么 - 这个问题与UpdatePanel有关!

时间:2010-04-27 16:33:45

标签: asp.net ajax visual-studio-2010 updatepanel radajaxmanager

首先看下面的aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Amlak.WebForm4" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadComboBox1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="CheckBox1" UpdatePanelRenderMode="Inline" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" AppendDataBoundItems="True"
            OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">
            <Items>
                <telerik:RadComboBoxItem runat="server" Text="1" Value="1" />
                <telerik:RadComboBoxItem runat="server" Text="2" Value="2" />
                <telerik:RadComboBoxItem runat="server" Text="3" Value="3" />
                <telerik:RadComboBoxItem runat="server" Text="4" Value="4" />
            </Items>
        </telerik:RadComboBox>
        <br />
        <br />
        <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"
            Text="Check Me" TextAlign="Left" />
        <br />
        <br />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

我的代码背后是这样的:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Amlak
{
    public partial class WebForm4 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void RadComboBox1_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)
        {
            if (RadComboBox1.SelectedItem.Value == "2")
            {
                CheckBox1.Checked = true;
            }
            else
            {
                CheckBox1.Checked = false;
            }

        }

        protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
        {
            if (CheckBox1.Checked)
            {
                TextBox1.Text = "text";
            }
            else
            {
                TextBox1.Text = "";
            }
        }
    }
}

我的目标:

  1. 我想强制RadComboBox1在AJAX模式下工作,并在后面的代码中通过定义的条件更改CheckBox1.Checked。 - &GT;不希望回发这个。

  2. 我想强制CheckBox1在PostBack模式下工作,并按照后面代码中定义的条件更改TextBox1.text。 - &GT;我想回复这个。

  3. 在这种情况下 - &gt; RadComboBox1工作正常 但是当我们更改OnCheckedChanged="CheckBox1_CheckedChanged"的检查时,我不知道为什么CheckBox1不会触发! (因为我们将其添加为RadComboBox1中的RadAjaxManager1更新。


    我的问题:

    我应该将RadComboBox1添加为RadComboBox1的更新吗?但是它没有添加它就可以正常工作。

    如果我们将ChechBox1添加到RadAjaxManager1,如下所示:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Amlak.WebForm4" %>
    
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadComboBox1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="CheckBox1" UpdatePanelRenderMode="Inline" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="CheckBox1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="TextBox1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" AppendDataBoundItems="True"
                OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">
                <Items>
                    <telerik:RadComboBoxItem runat="server" Text="1" Value="1" />
                    <telerik:RadComboBoxItem runat="server" Text="2" Value="2" />
                    <telerik:RadComboBoxItem runat="server" Text="3" Value="3" />
                    <telerik:RadComboBoxItem runat="server" Text="4" Value="4" />
                </Items>
            </telerik:RadComboBox>
            <br />
            <br />
            <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"
                Text="Check Me" TextAlign="Left" />
            <br />
            <br />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
        </form>
    </body>
    </html>
    

    所以它在AJAX模式下工作正常,但我想强制CheckBox1在PostBack中工作!
    我该如何解决这个问题?

    我应该在TextBox1中添加RadComboBox1作为RadAjaxManager的更新吗?

    感谢关注我的问题。 最好的问候

2 个答案:

答案 0 :(得分:0)

Current RadAjax Limitations说,

  

RadAjaxManager设置不会激活按钮...   ......没有更新控件时

所以,你可能需要做类似的事情:

<UpdatedControls>
               <telerik:AjaxUpdatedControl ControlID="ChechBox1" />
</UpdatedControls>

答案 1 :(得分:0)

您可以利用OnRequestStart甚至RadAjaxManager来禁用特定请求的Ajax功能。这是您的代码的更新版本,可以按您的要求运行:

<div>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadComboBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl
                        ControlID="CheckBox1"
                        UpdatePanelRenderMode="Inline" />
                    <telerik:AjaxUpdatedControl
                        ControlID="TextBox1"
                        UpdatePanelRenderMode="Inline" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CheckBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl
                        ControlID="TextBox1"
                        UpdatePanelRenderMode="Inline" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
        <ClientEvents OnRequestStart="onAjaxRequestStart" />
    </telerik:RadAjaxManager>

    <telerik:RadComboBox ID="RadComboBox1" runat="server"
        AutoPostBack="True"
        AppendDataBoundItems="True"
        OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">
        <Items>
            <telerik:RadComboBoxItem runat="server" Text="1" Value="1" />
            <telerik:RadComboBoxItem runat="server" Text="2" Value="2" />
            <telerik:RadComboBoxItem runat="server" Text="3" Value="3" />
            <telerik:RadComboBoxItem runat="server" Text="4" Value="4" />
        </Items>
    </telerik:RadComboBox>

    <br />
    <br />

    <asp:CheckBox ID="CheckBox1" runat="server"
        AutoPostBack="True"
        OnCheckedChanged="CheckBox1_CheckedChanged"
        Text="Check Me"
        TextAlign="Left" />

    <br />
    <br />

    <asp:TextBox ID="TextBox1" runat="server" />

    <telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function onAjaxRequestStart(s, e) {
                var target = e.get_eventTarget(),
                    checkBoxId = '<%= CheckBox1.ClientID %>';
                if (target === checkBoxId) {
                    e.set_enableAjax(false);
                }
            }
        </script>
    </telerik:RadCodeBlock>
</div>